Mostrar Mensajes

Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.


Temas - DRANXZ88

Páginas: [1] 2 3 4
1
HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejercicios cu01013D</title>
    <link rel="stylesheet" href="estilos.css">
</head>

<body>
    <div class="principal">
        <h1>Novedades</h1>
        <p>Aquí presentamos las novedades del sitio.</p>
    </div>

    <div class="secundario">
        <h3>Lanzamos el producto <span>X-FASHION</span></h3>
        <p>Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
        <p><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>

    </div>

    <div class="secundario">
        <h3>Mejoramos el producto T-MOTION</h3>
        <p>Hemos lanzado una nueva versión del producto <span>T-MOTION</span></p>
        <p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" />
        </p>

    </div>
</body>

</html>
CSS
Código: [Seleccionar]
body {
  font-family: Arial, Helvetica, sans-serif;
}

.principal h1 {
  color: red;
  font-size: 130px;
}
.secundario h3 {
  color: green;
  font-size: 110px;
}
.secundario h3 span {
  background-color: yellow;
}

2
Ejercicios resueltos
HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
    <link rel="stylesheet" href="css/estilos.css">
</head>

<body>
    <div>
        Curso JavaScript aprenderaprogramar.com
    </div><br>
    <button class="boton" onclick="procesar('body');">Añadir al final</button>
    <button class="boton" onclick="procesar('div')">Anidar</button><br>
    <script src="js/funciones.js"></script>
</body>
</html>
CSS archivo estilos.css
Código: [Seleccionar]
body {
  font-family: sans-serif;
  text-align: center;
}
div {
  border-style: solid;
  margin: 20px;
  padding: 15px;
  display: inline-block;
}
.boton{
    background-color: cadetblue;
    width: 150px;
    height: 40px;
    color: white;
    font-weight: bolder;
    border-radius: 15%;
    cursor: pointer; 
}
JavaScipt archivo funciones.js
Código: [Seleccionar]
var contador = 1;
function procesar(valor) {
  var nodoHijo = document.createElement("div");
  var nodoText = document.createTextNode("Nodo Creado " + contador);
  var nodoPadre = document.getElementsByTagName(valor);
  nodoPadre[0].appendChild(nodoHijo);
  nodoHijo.appendChild(nodoText);
  contador++;
}

3
Ejercicios resueltos
HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
    <link rel="stylesheet" href="css/estilos.css">
</head>

<body>
    <div id="principal">
        <div id="caja1" class="caja">?</div>
        <div id="caja2" class="caja">?</div>
        <div id="caja3" class="caja">?</div>
        <div id="caja4" class="caja">?</div>
    </div>
    <button onclick="mostrarPalabra();" id="btn-procesar">Avanzar</button>
    <script src="js/funciones.js"></script>
</body>
<script>
   
</script>

</html>

CSS archivos estilos.css
Código: [Seleccionar]
body {
  font-family: sans-serif;
  text-align: center;
}

#principal {
  width: 500px;
  height: 500px;
  border: solid black 1px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
.caja {
  width: 248px;
  height: 248px;
  border: solid black 0.5px;
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
}
.caja-creado {
    width: 248px;
    height: 248px;
    border: solid black 0.5px;
    flex: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
  }

#btn-procesar {
  background-color: cornflowerblue;
  color: white;
  font-weight: bolder;
  width: 120px;
  height: 50px;
  border-radius: 10%;
  cursor: pointer;
  border-bottom: none;
  margin-top: 10px;
}
JavaScript archivo funciones.js
Código: [Seleccionar]
var contador = 0;
function mostrarPalabra() {
  contador++;
  var mostar = document.getElementsByClassName("caja");
  if (contador == 1) {
    mostar[0].innerHTML = '<div class="caja-creado"; style="background-color: black; color: white;">El</div>';
  } else if (contador == 2) {
    mostar[1].innerHTML = '<div class="caja-creado";>poder</div>';
  } else if (contador == 3) {
    mostar[2].innerHTML = '<div class="caja-creado";>de</div>';
  } else if (contador == 4) {
    mostar[3].innerHTML = '<div class="caja-creado"; style="background-color: yellow;">JavaScript</div>';
  } else {
    alert("No es posible avanzar más");
  }
}

4
Ejercicios Resueltos
HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
    <link rel="stylesheet" href="css/estilos.css">
</head>

<body>
    <h1>Ejercicio curso aprenderaprogramar.com</h1>
        <div id="resultado"></div>
    <button onclick="calcularMultiplo();" class="procesar">Iniciar</button>
    <script src="js/funciones.js"></script>
</body>
</html>
CSS archivo estilos.css
Código: [Seleccionar]
body {
  font-family: sans-serif;
  text-align: center;
}
.procesar {
  background-color: #0059ffa9;
  color: white;
  width: 200px;
  height: 40px;
  border-radius: 10px;
  margin: 15px;
}
.procesar:hover{
  cursor: pointer;
  font-size: 20px;
  font-weight: bolder;
}
JAVASCRIPT archivo funciones.js
Código: [Seleccionar]
function calcularMultiplo() {
  var contendor = [];
  for (let index = 0; index < 5; index++) {
    var numero = prompt("Introduzca un numero:", "");
    contendor[index] = parseInt(numero);
  }
  var valor = "Multiplicamos por 3 los números introducidos: ";
  for (const i in contendor) {
    var signo = ", ";
     if (i == (contendor.length - 1)) {
      signo = ".";
    }
    valor = valor + contendor[i] + " * " + 3 + " = " + " " + contendor[i] * 3 + signo;
  }
  document.getElementById("resultado").textContent = valor;
}
}

5
HTML
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>   
</head>

<body>
    <script src="js/funciones.js"></script>
</body>
<script>
    window.onload = calcularMultiplo();
</script>

</html>
JAVASCRIPT archivos funciones.js
Código: [Seleccionar]
function calcularMultiplo() {
  console.log("hola");
  var contendor = [];
  for (let index = 0; index < 5; index++) {
    var numero = prompt("Introduzca su nombre:", ""); 
    contendor[index] = parseInt(numero);
  }
  console.log("Multiplicamos por 3 los números introducidos: ");
  var mensaje = "";
  for (const i in contendor) {
    var signo = ",";   
    if (i == 4) {
      signo = ".";
    }
    console.log(
      parseInt(i) + 1 + " * " + 3 + " = " + " " + contendor[i] * 3 + signo
    );
  }
}

6
Propuesta de solución al ejercicio CU01134E del tutorial de programación web con lenguaje JavaScript de aprenderaprogramar.

Ejercicios Resueltos

HTML

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>
    <link rel="stylesheet" href="css/estilos.css">
</head>

<body>
    <div id="cabecera">
        <h2>Cursos aprenderaprogramar.com</h2>
        <h3>Ejemplo calculadora JavaScript</h3>
    </div>
    <!-- Calculadora -->
    <div id="calculadora">
        <!-- pantalla y tecla limpiar -->
        <div class="parteSuperior">
            <span class="limpiar" onclick="pulsada('C')">C</span>
            <div class="pantalla"> </div>
            <!--Ojo tenemos un espacio para que exista nodeValue-->
        </div>
        <div class="teclas">
            <!-- operadores y otras teclas -->
            <span class="numero" onclick="pulsada('7')">7</span>
            <span class="numero" onclick="pulsada('8')">8</span>
            <span class="numero" onclick="pulsada('9')">9</span>
            <span class="operador" onclick="pulsada('+')">+</span>
            <span class="numero" onclick="pulsada('4')">4</span>
            <span class="numero" onclick="pulsada('5')">5</span>
            <span class="numero" onclick="pulsada('6')">6</span>
            <span class="operador" onclick="pulsada('-')">-</span>
            <span class="numero" onclick="pulsada('1')">1</span>
            <span class="numero" onclick="pulsada('2')">2</span>
            <span class="numero" onclick="pulsada('3')">3</span>
            <span class="operador" onclick="pulsada('/')">÷</span>
            <span class="numero" onclick="pulsada('0')">0</span>
            <span class="punto" onclick="pulsada('.')">.</span>
            <span class="igual" onclick="pulsada('=')">=</span>
            <span class="operador" onclick="pulsada('*')">x</span>
        </div>
    </div>
    <div id="contenedor">
        <div id="marcaNumeros" onclick="marcarNumeros()"> Marcar números </div>
        <div id="marcaOperadores" onclick="marcarOperadores()">Marcar operadores</div>
        <div id="marcaC" onclick="marcarTeclaC()"> Marcar Tecla C </div>
        <div id="marcaPunto" onclick="marcarPunto()">Marcar Punto</div>
        <div id="marcaVisor" onclick="marcarVisor()"> Marcar Visor </div>
        <div id="limpiarCalculadora" onclick="limpiarCalculadora()">Volver al original</div>
    </div>
    <script src="js/funciones.js"></script>
</body>

</html>

CSS archivo estilos.css

Código: [Seleccionar]
body {
  font-family: sans-serif;
  text-align: center;
}

#calculadora {
  font: bold 14px Arial, sans-serif;
  background-color: #9dd2ea;

  border-radius: 3px;
  height: auto;
  margin: 0 auto;
  padding: 20px 20px 9px;
  width: 295px;
}

.parteSuperior .pantalla {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  color: #ffffff;
  float: right;
  font-size: 17px;

  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  padding: 0 10px;
  text-align: right;
  width: 180px;
}

.teclas,
.parteSuperior {
  overflow: hidden;
}

.teclas span,
.parteSuperior span.limpiar {
  background-color: #ffffff;
  border-radius: 3px;
  color: #888888;

  cursor: pointer;
  float: left;
  height: 36px;
  line-height: 36px;
  margin: 0 7px 11px 0;

  text-align: center;
  transition: all 0.4s ease 0s;
  width: 66px;
}

.parteSuperior span.limpiar {
  background-color: #ff7c87;
}

.teclas span.operador {
  background-color: #ffdab9;
  margin-right: 0;
}

.teclas span.igual {
  background-color: #f1ff92;
  color: #888e5f;
}

.parteSuperior span.limpiar {
  background-color: #ff9fa8;
  color: #ffffff;
}

.teclas span:hover,
.teclas span.igual:hover,
.parteSuperior span.limpiar:hover {
  background-color: #9c89f6;

  color: #ffffff;
}

#contenedor {
  width: 285px;
  margin: 40px auto;
  overflow: hidden;
}

#marcaNumeros,
#marcaOperadores,
#marcaC,
#marcaPunto,
#marcaVisor,
#limpiarCalculadora {
  padding: 15px;
  width: 90px;
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  color: white;
  border-radius: 40px;
  background: rgb(202, 60, 60);
}

#marcaNumeros:hover,
#marcaOperadores:hover,
#marcaC:hover,
#marcaPunto:hover,
#marcaVisor:hover,
#limpiarCalculadora:hover {
  background: rgb(66, 184, 221);
}


Función de ejemplo archivo funciones.js

Código: [Seleccionar]
function pulsada(tecla) {
  var listaNodosPantalla = document.getElementsByClassName("pantalla");
  var nodoTextoPantalla = listaNodosPantalla[0].firstChild;
  switch (tecla) {
    case "C":
      nodoTextoPantalla.nodeValue = " ";
      break;
    case "=":
      var resultado = eval(nodoTextoPantalla.nodeValue);
      nodoTextoPantalla.nodeValue = resultado;
      break;
    default:
      nodoTextoPantalla.nodeValue = nodoTextoPantalla.nodeValue + tecla;
      break;
  }
}
function marcarOperadores() {
  var listaNodosOperadores = document.querySelectorAll(
    "#calculadora .teclas span.operador"
  );
  var nodoIgual = document.querySelector(".igual");
  for (var i = 0; i < listaNodosOperadores.length; i++) {
    listaNodosOperadores[i].style.backgroundColor = "yellow";
    listaNodosOperadores[i].style.color = "black";
    listaNodosOperadores[i].style.border = "solid 1px";
  }
  nodoIgual.style.backgroundColor = "yellow";
  nodoIgual.style.color = "black";
  nodoIgual.style.border = "solid 1px";
}
function marcarNumeros() {
  var listaNodosNumeros = document.querySelectorAll(
    "#calculadora .teclas span.numero"
  );

  for (var i = 0; i < listaNodosNumeros.length; i++) {
    listaNodosNumeros[i].style.backgroundColor = "black";
    listaNodosNumeros[i].style.color = "white";
    listaNodosNumeros[i].style.border = "solid 1px";
  }
}


Citar
a) Un botón que permita marcar la tecla C con color rojo fuerte y símbolo C en blanco.

Código: [Seleccionar]
function marcarTeclaC() {
  var listaNodosTeclaC = document.querySelectorAll(
    "#calculadora .parteSuperior span.limpiar"
  );
  for (var i = 0; i < listaNodosTeclaC.length; i++) {
    listaNodosTeclaC[i].style.backgroundColor = "#F90A03";
    listaNodosTeclaC[i].style.color = "white";
  }
}


Citar
b) Un botón que permita marcar la tecla con el punto con color violeta fuerte y símbolo . en blanco.

Código: [Seleccionar]
function marcarPunto() {
  var listaNodosPunto = document.querySelectorAll(
    "#calculadora .teclas span.punto"
  );
  for (var i = 0; i < listaNodosPunto.length; i++) {
    listaNodosPunto[i].style.backgroundColor = "#8C0263";
    listaNodosPunto[i].style.color = "white";
  }
}


Citar
c) Un botón que permita marcar la pantalla visor de la calculadora en azul oscuro.

Código: [Seleccionar]
function marcarVisor() {
  var listaNodoPantalla = document.querySelectorAll(
    "#calculadora .parteSuperior div.pantalla"
  );
  for (var i = 0; i < listaNodoPantalla.length; i++) {
    listaNodoPantalla[i].style.backgroundColor = "#05028C";
  }
}


Citar
d) Un botón que permita limpiar todo lo que se haya marcado y volver a la situación original (es decir, que la calculadora se vea tal y como se veía inicialmente).

Esta función lo que hace es refrescar la pagina si hay alguna forma mejor de hacer favor comentar.

Código: [Seleccionar]
function limpiarCalculadora() {
  location.reload();
}

7
Ejercicios resueltos. Propuesta de solución para el ejercicio CU01132E del curso de programación con JavaScript desde cero de aprenderaprogramar.


Citar
1) Crea una función que pida una palabra al usuario y usando un bucle while y el método charAt, muestre cada una de las letras que componen la entrada. Por ejemplo si se introduce “ave” debe mostrar:

Letra 1: a             Letra 2: v             Letra 3: e


Html

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>

    <link rel="stylesheet" href="css/estilos.css">
</head>

<body>
    <h1>Portal web aprenderaprogramar.com</h1>

    <h2>Didáctica y divulgación de la programación</h2>
    <div style="width:450px;">

        <form name="formularioContacto" class="formularioTipo1" method="get">

            <h2>Escriba un palabra:</h2>

            <label for="palabra"><span>Palabra:</span> <input id="palabra" type="text" name="palabra" /></label>

        </form>

    </div>
    <h3 class="boton" onclick="dividirPalabra(document.getElementById('palabra').value);">Deletrear palabras</h3>
    <script src="js/funciones.js"></script>
    <script>

    </script>
</body>

</html>


Css

Código: [Seleccionar]
body {
  background-color: white;
  font-family: sans-serif;
}
.boton {
  padding: 15px;
  width: 330px;
  text-align: center;
  clear: both;

  color: white;
  border-radius: 40px;
  background: rgb(202, 60, 60);
}

.boton:hover {
  background: rgb(66, 184, 221);
}

.formularioTipo1 {
  margin: 10px;
  padding: 1px;
}
label {
  color: maroon;
  display: inline-block;
  padding: 5px;
}
.formularioTipo1 input {
  background-color: yellow;
  width: 250px;
  height: 20px;
  border-radius: 5px;
}

Funciones

Código: [Seleccionar]
function dividirPalabra(palabra) {
  var contador = 0;
  while (contador < palabra.length) {
    alert("Letra " + (contador + 1) + " : " + palabra.charAt(contador));
    contador++;
  }
}

8
Ejercicios resueltos de for JavaScript (bucles) Saber tamaño de array con length. Break (detener bucle). Ejemplos, ejercicio del curso de programación JavaScript CU01131E.

html
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript</title>

    <link rel="stylesheet" href="css/estilos5.css">
</head>

<body>
    <h1>Portal web aprenderaprogramar.com</h1>

    <h2>Didáctica y divulgación de la programación</h2>
    <div style="width:450px;">

        <form name="formularioContacto" class="formularioTipo1" method="get">

            <h2>Escriba un palabra:</h2>

            <label for="palabra"><span>Palabra:</span> <input id="palabra" type="text" name="palabra" /></label>

        </form>

    </div>
    <div style="width:500px; float:left; margin-bottom:30px;">

        <p>Manzana</p>
        <p>Pera</p>
        <p>Fresa</p>
        <p>Ciruela</p>

        <p>Naranja</p>
        <p>Kiwi</p>
        <p>Pomelo</p>
        <p>Melón</p>

        <p>Sandía</p>
        <p>Mango</p>
        <p>Papaya</p>
        <p>Cereza</p>

        <p>Nectarina</p>
        <p>Frambuesa</p>
    </div>
    <h3 class="boton" onclick="dividirPalabra(document.getElementById('palabra').value);">Deletrear palabras</h3>
    <h3 class="boton" onclick="mostrarContParrafos('p');">Mostrar texto</h3>
    <script src="js/funciones6.js"></script>
    <script>

    </script>
</body>

</html>
Css
Código: [Seleccionar]
body {
  background-color: white;
  font-family: sans-serif;
}

p {
  font-size: 24px;
  color: maroon;
  float: left;
  margin: 10px;
  border: solid black;
  padding: 10px;
}

.boton {
  padding: 15px;
  width: 330px;
  text-align: center;
  clear: both;

  color: white;
  border-radius: 40px;
  background: rgb(202, 60, 60);
}

.boton:hover {
  background: rgb(66, 184, 221);
}

.formularioTipo1 {
  margin: 10px;
  padding: 1px;
}
label {
  color: maroon;
  display: inline-block;
  padding: 5px;
}
.formularioTipo1 input {
  background-color: yellow;
  width: 250px;
  height: 20px;
  border-radius: 5px;
}
Función del ejercicios 1
Código: [Seleccionar]
function dividirPalabra(palabra) {
  for (var i = 0; i < palabra.length; i++) {
    alert("Letra " + (i + 1) + " : " + palabra.charAt(i));
  }
}
Función del ejercicios 2
Código: [Seleccionar]
function mostrarContParrafos(elemento) { 
  var elementosObtenidos = document.getElementsByTagName(elemento);
  for (let index = 1; index < elementosObtenidos.length; index++) {
    alert(
      "Párrafo " +
        index +
        " contiene: " +
        elementosObtenidos[index - 1].firstChild.nodeValue
    );
  }
}

9
Propuesta de ejercicio resuelto para el ejercicio CU01156E del curso de programación web JavaScript de aprenderaprogramar

Citar
EJERCICIO

Crea un script donde:

a) Se pida al usuario que introduzca un número superior a 10000000 y se muestre por pantalla ese número con tres dígitos significativos. Si el número introducido no cumple la condición, se volverá a solicitar que se introduzca.

b) Se pida al usuario que introzca un número con 4 decimales y se muestre por pantalla ese número redondeado a dos decimales. Si el número introducido no cumple la condición, se volverá a solicitar que se introduzca (para ello habrá que analizar que la cadena introducida cuente con cuatro dígitos después del carácter de punto decimal).

c) Se pida al usuario que introduzca una frase que comience por un número que puede ser entero o decimal. Para dicha frase, se devolverá el número entero que se pueda extraer, y el número decimal que se pueda extraer. Deberá analizarse la entrada con una expresión regular, de modo que si no cumple la condición, se vuelva a solicitar la introducción de la frase.


CÓDIGO HTML

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <title>Codificación aprenderaprogramar.com: CU01156E</title>
</head>

<body>
    <h1>Click para agregar datos</h1>
    <button onclick="calcularIngresado()">Ejecutar</button>
    <script src="js/funciones56.js" type="text/javascript"></script>
</body>

</html>


CÓDIGO JAVASCRIPT

Código: [Seleccionar]
var numeroIngresado;
var decimalIngresado;
var fraseIngresado;

function calcularIngresado() {
    calcularDigitoSingificativo();
}

function calcularDigitoSingificativo() {

    do {
        numeroIngresado = prompt("Introduzca un número superior a 10000000", "");
        if (validarNumero(numeroIngresado)) {
            //alert("numero es valido");
            if (Number(numeroIngresado) < 10000000) {
                alert("El número es igual o inferior a 10000000");
                valor = false;
            } else {
                alert("El número con tres digitos significativos es " + Number(numeroIngresado).toPrecision(3));
                valor = true;
                redondearDecimal();
            }
        } else {
            alert("Datos ingresdos no es número valido");
            valor = false;
        }
    } while (valor == false);
}

function redondearDecimal() {
    do {
        decimalIngresado = prompt("Introduzca un número con 4 decimal", "");
        if (validarDecimal(decimalIngresado)) {
            alert("El número redondeado a dos decimales es " + Number(decimalIngresado).toFixed(2));
            valor = true;
            extrarNumero();

        } else {
            alert("El numeró ingresado tiene menor o mayor que 4 decimales");
            valor = false;
        }
    } while (valor == false);
}

function extrarNumero() {
    do {
        fraseIngresado = prompt("Introduzca una frase que comience por un número que puede ser entero o decimal", "");
        if (validarFrase(fraseIngresado)) {
            alert("El número extraidos es " + parseInt(fraseIngresado));
            valor = true;

        } else {
            alert("La frase ingresada no contiene número al principio");
            valor = false;
        }
    } while (valor == false);
}

function validarNumero(numeroIngresado) {
    var expReg = /^[0-9]+$/;
    if (!expReg.test(numeroIngresado)) {
        return false;
    } else {
        return true;
    }
}

function validarDecimal(numeroDecimal) {
    var expReg = /^\d+\.\d{4,4}$/;
    if (!expReg.test(numeroDecimal)) {
        return false;
    } else {
        return true;
    }
}

function validarFrase(frase) {
    var expReg = /^[0-9]/;
    if (!expReg.test(frase)) {
        return false;
    } else {
        return true;
    }
}

10
Solución propuesta al ejercicio CU00914C del curso de programación java avanzado con ejercicios resueltos.

Ejercicio con StringBuilder

Código: [Seleccionar]
package ejercicioscu00914c;

public class EjerciciosCu00914c {

    public static void main(String[] args) {
        StringBuilder datosBuilder = new StringBuilder("Hola Caracola");
        int numeroBuilder = 5000;
        System.out.println("El StringBuilder es : " + datosBuilder);
        System.out.println("Capacidad inicial = " + datosBuilder.capacity());
        System.out.println("Longitud inicial = " + datosBuilder.length());
        System.out.println(datosBuilder.replace(0, 4, "Hay").append("s"));
        System.out.println(datosBuilder.insert(3, " "+numeroBuilder));
        System.out.println(datosBuilder.append(" en el mar"));
        String datosResultanteBuilder = datosBuilder.substring(datosBuilder.length() - 4, datosBuilder.length());
        System.out.println(datosResultanteBuilder);
        System.out.println("Capacidad final = " + datosBuilder.capacity());
        System.out.println("Longitud final = " + datosBuilder.length());       
    }
}


Ejercicio con StringBuffer

Código: [Seleccionar]
package ejercicioscu00914c;

public class EjerciciosCu00914c {

    public static void main(String[] args) {
        StringBuffer datosBuffer = new StringBuffer("Hola Caracola");
        int numeroBuffer = 5000;
        System.out.println("El StringBuilder es : " + datosBuffer);
        System.out.println("Capacidad inicial = " + datosBuffer.capacity());
        System.out.println("Longitud inicial = " + datosBuffer.length());
        System.out.println(datosBuffer.replace(0, 4, "Hay").append("s"));
        System.out.println(datosBuffer.insert(3, " "+numeroBuffer));
        System.out.println(datosBuffer.append(" en el mar"));
        String datosResultanteBuffer = datosBuffer.substring(datosBuffer.length() - 4, datosBuffer.length());
        System.out.println(datosResultanteBuffer);
        System.out.println("Capacidad final = " + datosBuffer.capacity());
        System.out.println("Longitud final = " + datosBuffer.length());
    }
}

11
Solución propuesta al ejercicio CU00913C del curso avanzado de programación Java con ejercicios resueltos.

Clase principal main
Código: [Seleccionar]
package ejercicioscu00913c;

import static ejercicioscu00913c.Persona.OrdenarAltura;
import static ejercicioscu00913c.Persona.OrdenarEdad;

public class EjerciciosCu00913c {

    public static void main(String[] args) {
       
        Persona[] personas = new Persona[5];
        personas[0] = new Persona("Mario", 187, 22);
        personas[1] = new Persona("Pepe", 173, 52);
        personas[2] = new Persona("Manuel", 158, 27);
        personas[3] = new Persona("David", 164, 25);
        personas[4] = new Persona("Alberto", 184, 80);
        Persona[] personasOrdenadas = new Persona[5];

        System.out.println("Personas sin ordenar");
        for (Persona tmp : personas) {
            System.out.print(tmp.toString() + "\n");
        }
        System.out.println();

        System.out.println("Personas ordenadas por altura");
        personasOrdenadas = OrdenarAltura(personas);
       
        for (Persona tmp : personasOrdenadas) {
            System.out.print(tmp.toString() + "\n");
        }
        System.out.println();

        System.out.println("Personas ordenadas por edad");
        personasOrdenadas = OrdenarEdad(personas);
        for (Persona tmp : personasOrdenadas) {
            System.out.print(tmp.toString() + "\n");
        }
        System.out.println();

    }
}


Clase donde compara y ordena

Código: [Seleccionar]
package ejercicioscu00913c;

public class Persona implements Comparable<Persona> {

    private String nombre;
    private int altura;
    private int edad;

    public Persona() {
    }

    public Persona(String nombre, int altura, int edad) {
        this.nombre = nombre;
        this.altura = altura;
        this.edad = edad;
    }

    public String getNombre() {
        return nombre;
    }

    public void setNombre(String nombre) {
        this.nombre = nombre;
    }

    public int getAltura() {
        return altura;
    }

    public void setAltura(int altura) {
        this.altura = altura;
    }

    public int getEdad() {
        return edad;
    }

    public void setEdad(int edad) {
        this.edad = edad;
    }

    @Override
    public int compareTo(Persona persona) {
        int resultado = 0;
        if (this.altura < persona.altura) {
            resultado = -1;
        } else if (this.altura > persona.altura) {
            resultado = 1;
        } else {
            resultado = 0;
        }
        return resultado;
    }

    public int compareToEdad(Persona persona) {
        int resultado = 0;
        if (this.edad > persona.edad) {
            resultado = 1;
        } else if (this.edad < persona.edad) {
            resultado = -1;
        } else {
            resultado = 0;
        }
        return resultado;
    }

    @Override
    public String toString() {
        return this.nombre + " - Altura: " + this.altura + " - Edad: " + this.edad;

    }
    public static Persona[] OrdenarEdad(Persona[] personas) {
        Persona[] ordenado = new Persona[5];
        ordenado[0] = personas[0];
        for (int i = 1; i < 5; i++) {
            int j = i;
            while (j > 0 && personas[i].compareToEdad(ordenado[j - 1]) < 0) {
                ordenado[j] = ordenado[j - 1];
                j--;
            }
            ordenado[j] = personas[i];
        }
        return ordenado;
    }

    public static Persona[] OrdenarAltura(Persona[] personas) {
        Persona[] ordenado = new Persona[5];
        ordenado[0] = personas[0];
        for (int i = 1; i < 5; i++) {
            int j = i;
            while (j > 0 && personas[i].compareTo(ordenado[j - 1]) > 0) {
                ordenado[j] = ordenado[j - 1];
                j--;
            }
            ordenado[j] = personas[i];
        }
        return ordenado;
    }

}

12
Solución planteada al ejercicio CU01154E del curso de programación web con JavaScript y ejercicios resueltos.

Ejercicios resueltos
Citar
Dada la expresión regular de JavaScript /^[A-C]\w+\ses\s\w+/ indicar cuáles de las siguientes cadenas hacen match con la expresión regular, y en caso de hacer match, qué parte o partes son las que hacen match:

a)  Juan es guapo
b) Adriano no es feo
c) Adriano deja de ser guapo
d) Adriano ya es guapo
e) No es ahora
f) Ahora es no
g) Adriano es guapo
Código: [Seleccionar]
<!DOCTYPE html>

<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title>
<meta charset="utf-8">

<script type="text/javascript">

function ejemplo() {

var miExpReg = /^[A-C]\w+\ses\s\w+/;

var msg = 'Patrón: /^[A-C]\w+\ses\s\w+/\n';

msg = msg + '¿Contiene Juan es guapo el patrón? : '+ miExpReg.test('Juan es guapo') +'\n';

msg = msg + '¿Contiene Adriano no es feo el patrón? : '+ miExpReg.test('Adriano no es feo') +'\n';

msg = msg + '¿Contiene Adriano deja de ser guapo el patrón? : '+ miExpReg.test('Adriano deja de ser guapo') +'\n';

msg = msg + '¿Contiene Adriano ya es guapo el patrón? : '+ miExpReg.test('Adriano ya es guapo') +'\n';

msg = msg + '¿Contiene No es ahora el patrón? : '+ miExpReg.test('No es ahora') +'\n';

msg = msg + '¿Contiene Ahora es no el patrón? : '+ miExpReg.test('Ahora es no') +'\n';

msg = msg + '¿Contiene Adriano es guapo el patrón? : '+ miExpReg.test('Adriano es guapo') +'\n';

alert(msg);

}

</script>

</head>

<body>
<div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>

<div style="color:blue;" id ="pulsador" onclick="ejemplo()"> Probar </div>

</body>

</html>

Las cadenas de las opciones f) y d) son las que hacen match hacen match con la expresión.

Son las únicas que cumplen con la expresión regular ya que empiezan por A seguido con uno más caracteres seguido de un espacio en blanco seguido con la cadena 'es' con otro espacio en blanco y seguido con uno o más caracteres .

13
Solución propuesta al ejercicio CU01153E del tutorial de programación JavaScript con ejercicios resueltos de aprenderaprogramar

Ejercicios 1
Código: [Seleccionar]
<!DOCTYPE html>

<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">

<script type="text/javascript">

function ejemplo() {

var miArrayOriginal = [33, 2, 36, 55, 4, 1];

var miArray = [33, 2, 36, 55, 4, 1];

var msg ='El array original es: ' + miArrayOriginal +'\n';

msg = msg + 'Ordenado de mayor a menor es ' + miArray.sort(deMayorAMenor)+'\n';

msg = msg + 'Ordenado de menor a mayor es ' + miArray.sort(deMenorAMayor)+'\n';

alert(msg);

}

var deMenorAMayor = function (elem1, elem2){
return elem1-elem2;
};
var deMayorAMenor = function (elem1,elem2){
return elem2-elem1;
};

</script>
</head>

<body>
<div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>

<div style="color:blue;" id ="pulsador" onclick="ejemplo()"> Probar </div>

</body>

</html>
Ejercicios 2
Código: [Seleccionar]
<!DOCTYPE html>

<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">

<script type="text/javascript">

function ejemplo() {

var miArray=['Moto', 'soto', 'Abaco', 'abeja', 'Sapo', 'nieve', 'Zumba', 'barco'];

msg = 'Ordenado de alfabeticamente es ' + miArray.sort(ordenarAlfabeticamente)+'\n';

alert(msg);
}

function ordenarAlfabeticamente(a, b) {
var n = a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase());
  return n === 0 && a !== b ? b.localeCompare(a) : n;
}

</script>
</head>

<body>
<div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>

<div style="color:blue;" id ="pulsador" onclick="ejemplo()"> Probar </div>

</body>

</html>

14
Ejercicios resueltos

Respuestas al ejercicio CU01152E del manual de programación aprender programación web como si estuviera en primero.

Citar
¿Qué significa el operador += que se emplea en el código?

+= operador de asignación de suma seria como si fuese a = a + b;

Citar
b) ¿Por qué usamos [ 0 ] para establecer nodoBody?

nodoBody[0] par traer el primer elmento del posicion cero de array

Citar
¿Qué ocurre si dejamos en blanco la respuesta cuando se pide un color? Razona por qué ocurre esto.

No le asigna ningún color y ejecuta '<h1>No eligió color</h1>' e imprimie No eligió color ya que es un condicional ternario

Citar
¿Qué ocurre si escribimos pink cuando nos pide el color? Razona por qué ocurre esto.

Le asigna el color pink ya no hay una condicion que no permita insertar otro color que no sea red,yellow o blue

Citar
e) Modifica el código para que usando el operador ternario, si el usuario no introduce como color red, yellow o blue aparezca el mensaje ‘No eligió color o el color es no válido’

Código: [Seleccionar]
<!DOCTYPE html>

<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title>
<meta charset="utf-8">

<script type="text/javascript">

function ejemplo() {

var htmlADevolver = '';
var colorUsuario = prompt('Elija color red, yellow o blue');
htmlADevolver = colorUsuario.toLowerCase()=='red' || colorUsuario.toLowerCase()=='yellow' || colorUsuario.toLowerCase()=='blue' ? '<h1 style="background-color:'+
colorUsuario+';"> Usted eligió '+colorUsuario.toLowerCase()+'</h1>' : '<h1>No eligió color o el color no es válido</h1>';
var nodoBody = document.getElementsByTagName('body')[0];
nodoBody.innerHTML = nodoBody.innerHTML + htmlADevolver;
}
</script>

</head>

<body>
<div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>

<div style="color:blue;" id ="pulsador" onclick="ejemplo()"> Probar </div>

</body>

</html>
Citar
f) Reescribe el código inicial de partida sustituyendo el condicional ternario por if tradicionales.
Código: [Seleccionar]
<!DOCTYPE html>

<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title>
<meta charset="utf-8">

<script type="text/javascript">

function ejemplo() {

var htmlADevolver = '';
var colorUsuario = prompt('Elija color red, yellow o blue');

if (colorUsuario.toLowerCase()=='red' || colorUsuario.toLowerCase()=='yellow' || colorUsuario.toLowerCase()=='blue'){
htmlADevolver = '<h1 style="background-color:'+
colorUsuario+';"> Usted eligió '+colorUsuario.toLowerCase()+'</h1>'
}else{
htmlADevolver = '<h1>No eligió color o el color no es válido</h1>';
}
var nodoBody = document.getElementsByTagName('body')[0];
nodoBody.innerHTML = nodoBody.innerHTML + htmlADevolver;
}
</script>

</head>

<body>
<div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>

<div style="color:blue;" id ="pulsador" onclick="ejemplo()"> Probar </div>

</body>

</html>


15
Solución propuesta para el ejercicio CU01151E del tutorial básico de programación web con JavaScript de aprenderaprogramar.

Ejercicios resueltos

Citar
Ejecuta este script con la consola de tu navegador activada. ¿Qué mensajes aparecen en la consola antes y después de pulsar <<Probar>>? Corrige el error que contiene el código. ¿Qué mensajes aparecen ahora en la consola? ¿Qué interpretación podemos darle a los resultados que hemos obtenido?


Código: [Seleccionar]
<!DOCTYPE html>

<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title>
<meta charset="utf-8">

<script type="text/javascript">

function ejemploObjetos() {

var unObjeto = new Array();

console.log('unObjeto es' + unObjeto);

console.log(unObjeto);

console.log('this es ' + this);

alert('Hello';
}

</script>

</head>

<body>
<div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>

<div style="color:blue;" id ="pulsador" onclick="ejemploObjetos()"> Probar </div>

</body>

</html>
¿Qué mensajes aparecen en la consola antes y después de pulsar <<Probar>>?
Citar
ejercicos51.html:20 Uncaught SyntaxError: missing ) after argument list
ejercicos51.html:30 Uncaught ReferenceError: ejemploObjetos is not defined
    at HTMLDivElement.onclick (ejercicos51.html:30)
Corrige el error que contiene el código.
Código corregido
Código: [Seleccionar]
<!DOCTYPE html>

<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title>
<meta charset="utf-8">

<script type="text/javascript">

function ejemploObjetos() {

var unObjeto = new Array();

console.log('unObjeto es' + unObjeto);

console.log(unObjeto);

console.log('this es ' + this);

alert('Hello');
}

</script>

</head>

<body>
<div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>

<div style="color:blue;" id ="pulsador" onclick="ejemploObjetos()"> Probar </div>

</body>

</html>

¿Qué mensajes aparecen ahora en la consola?

Citar
unObjeto es ejercicos51.html:16
[]ejercicos51.html:18
this es [object Window]

¿Qué interpretación podemos darle a los resultados que hemos obtenido?

Esta parte no entiendo bien ya que el primero y el segundo son igual pero pero el primero solo imprime el mensaje y el otro el array.

El tercero el igual también pero como pero también imprime diferente si me pueden explicar esta parte para poder entender mejor GRACIAS-.

16
Ejercicios resueltos de la java avanzado 1 de la entrega CU00907C

Solución propuesta para la entrega CU00907C del curso avanzado de proramación Java

Código: [Seleccionar]
package calcularimporte;

public class CalcularImporte {

    public static void main(String[] args) {
        EntradaDeTeclado entrada = new EntradaDeTeclado();

        double importeinicial = 0;
        double importefinal = 0;
        double porcentajeimpuesto = 0;
        double impuesto = 0;
        System.out.println("Por favor introduzca el importe inicial: ");
        entrada.setEntrada();
        importeinicial = Double.valueOf(entrada.getEntrada());
        System.out.println("Por favor introduzca el porcentaje de impuestos: ");
        entrada.setEntrada();
        porcentajeimpuesto = Double.valueOf(entrada.getEntrada());
        impuesto = (importeinicial * porcentajeimpuesto) / 100;
        double impuestoapagar = redondearDecimales(fijarNumero(impuesto, 2), 2);
        System.out.println("El impuesto a pagar es: " + impuestoapagar);
        importefinal = importeinicial + impuestoapagar;
        System.out.println("El impuesto a pagar es: " + redondearDecimales(fijarNumero(importefinal, 2), 2));
    }

    public static double redondearDecimales(double valorInicial, int numeroDecimales) {
        double parteEntera, resultado;
        resultado = valorInicial;
        parteEntera = Math.floor(resultado);
        resultado = (resultado - parteEntera) * Math.pow(10, numeroDecimales);
        resultado = Math.round(resultado);
        resultado = (resultado / Math.pow(10, numeroDecimales)) + parteEntera;
        return resultado;
    }

    public static double fijarNumero(double numero, int digitos) {
        double resultado;
        resultado = numero * Math.pow(10, digitos);
        resultado = Math.round(resultado);
        resultado = resultado / Math.pow(10, digitos);
        return resultado;
    }
}

Clase Entrada de teclado

Código: [Seleccionar]
package registrarpaises;

import java.util.Scanner;

public class EntradaDeTeclado {

    private String entradaTeclado;
    Scanner sc = new Scanner(System.in);

    public EntradaDeTeclado() {
        entradaTeclado = "";
    }

    public String setEntrada() {
        entradaTeclado = sc.nextLine();
        return entradaTeclado;
    }
    public String getEntrada() {
        return entradaTeclado;
    }

}

17
Ejercicios JavaScript resueltos del tutorial aprenderaprogramar: call JavaScript. Diferencia con apply. Constructores con herencia en cadena. Invocar this. Ejemplos (CU01150E)

Código que se propone como solución para el ejercicio 1:

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejercicios (CU01150E)</title>
<script>
function Persona(nombre,nacionalidad){
this.nombre = nombre;
this.nacionalidad = nacionalidad;
}
Persona.prototype.mostrarNacionalidad = function(){
alert("Su nacionalidad es "+this.nacionalidad);
};
function Medico(trabajo,nombre,nacionalidad){
this.trabajo = trabajo;
Persona.call(this,nombre,nacionalidad);
}
Medico.prototype = new Persona();
function MedicoEspecialista(especialidad,trabajo,nombre,nacionalidad){
this.especialidad = especialidad;
Medico.call(this,trabajo,nombre,nacionalidad);
}
MedicoEspecialista.prototype = new Medico();

function mostrarMedico(){
console.log("llegue aca");
var medico = new MedicoEspecialista('Optamologo','IPS','Cesar','Paraguaya');
alert("El medico de nombre "+medico.nombre+" con especialidad "+medico.especialidad+" trabaja en "+medico.trabajo);
medico.mostrarNacionalidad();
}

</script>

</head>
<body>
<div id="cabecera">
<h2>Cursos aprenderaprogramar.com</h2>
<h3>Ejemplos JavaScript</h3>
</div>
<div style="color:blue;" id ="pulsador" onclick="mostrarMedico()"> Probar </div>
</body>
</html>

18
Ejercicios de la entregra CU00905C del curso de programación Java avanzada de aprenderaprogramar


ENTRADA DE TECLADO

Código: [Seleccionar]
package registrarpaises;

import java.util.Scanner;

public class EntradaDeTeclado {

    private String entradaTeclado;
    Scanner sc = new Scanner(System.in);

    public EntradaDeTeclado() {
        entradaTeclado = "";
    }

    public String setEntrada() {
        entradaTeclado = sc.nextLine();
        return entradaTeclado;
    }
    public String getEntrada() {
        return entradaTeclado;
    }

}


CLASE PRINCIPAL MAIN

Código: [Seleccionar]
package registrarpaises;

public class RegistrarPaises {

    public static void main(String[] args) {
        String[][] listado = new String[4][4];
        EntradaDeTeclado entrada = new EntradaDeTeclado();

        for (int x = 0; x < listado.length; x++) {
            for (int y = 0; y < listado[x].length; y++) {
                if (y == 0) {
                    System.out.println("Introduzca un país: ");
                    entrada.setEntrada();
                    listado[x][y] = entrada.getEntrada();
                } else {
                    System.out.println("Introduzca una ciudad del pais " + listado[x][0] + ": ");
                    entrada.setEntrada();
                    listado[x][y] = entrada.getEntrada();
                }
            }
        }
       
        for (int i = 0, j = 0; i < listado.length; i++) {
            System.out.print("Las ciudades de " + listado[i][j] + " introducidas son: ");
            for (j = 1; j < listado[i].length; j++) {
                if (j == (listado[i].length - 1)) {
                    System.out.print(" , " + listado[i][j] + ".");
                } else if (j == (listado[i].length - 2)) {
                    System.out.print(listado[i][j]);
                } else {
                    System.out.print(listado[i][j] + ", ");
                }
            }
            j = 0;
            System.out.println();
        }
    }
}

19
Respuesta que se plantea al ejercicio CU00904C del curso avanzado de programación Java de aprenderaprogramar.


Clase EntradaDeTeclado

Se encarga de gestionar los ingresado por el usuario por el teclado.

Código: [Seleccionar]
package registrardocumento;

import java.util.Scanner;

public class EntradaDeTeclado {

    private String entradaTeclado;
    Scanner sc = new Scanner(System.in);

    public EntradaDeTeclado() {
        entradaTeclado = "";
    }

    public String setEntrada() {
        entradaTeclado = sc.nextLine();
        return entradaTeclado;
    }
    public String getEntrada() {
        return entradaTeclado;
    }

}


clase Dni

Se encarga de obtener la letra que corresponde dependiendo del numero que le pasa el usuario.

Código: [Seleccionar]
package registrardocumento;

public class Dni {

    private final String[] letra = {"T", "R", "W", "A", "G", "M", "Y", "F", "P", "D", "X", "B", "N", "J", "Z", "S", "Q", "V", "H", "L", "C", "K", "E"};

    public String obtenerLetra(int numeroDNI) {
        int resultado;
        String letradni;
        resultado = numeroDNI % 23;
        letradni = letra[resultado];
        return letradni;
    }
}


Clase principal main

Donde se ejecuta el programa.

Código: [Seleccionar]
package registrardocumento;

public class RegistrarDocumento {

    public static void main(String[] args) {
        EntradaDeTeclado teclado = new EntradaDeTeclado();
        Dni dni = new Dni();
        System.out.println("Ingrese numero: ");
        teclado.setEntrada();
        String numeroDni = teclado.getEntrada();
        String letra = dni.obtenerLetra(Integer.valueOf(numeroDni));
        System.out.println("El numero de DNI asignado es: " + numeroDni + letra);
    }
}

20
Solución propuesta para el ejercicio CU01148E del curso de programación JavaScript con ejemplos resueltos.

Citar
Define un tipo de objeto Meteorito cuyas propiedades de instancia (específicas de cada objeto) sean diametro, temperatura y nombre. La temperatura será un valor numérico que suponemos está en grados centígrados. Como propiedad estática del tipo meteorito define definicionSegunDiccionario (que debe contener la definición de meteorito) y como métodos estáticos obtenerRadio (que debe devolver el radio a partir de un parámetro diametro) y obtenerTemperaturaFarenheit (que debe devolver el valor de temperatura expresado en grados Farenheit a partir de un parámetro temperatura).  Crea un objeto de tipo Meteorito con un diámetro, temperatura y nombre y comprueba que puedes acceder a las propiedades y métodos estáticos mostrando por pantalla la definición de meteorito, la superficie del objeto creado y la temperatura Farenheit del objeto creado.

Etiqueta html
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejercicios (CU01148E)</title>
<link rel="stylesheet" href="css/estilos48.css">
</head>
<body>
<section>
<div>
<button onclick="cargarMeterito();">Cargar Meteoritos</button>
</div>
</section>
<script type="text/javascript" src="js/funciones48.js"></script>
</body>
</html>

Estilos css
Código: [Seleccionar]
body{
background: green;
font-family: Arial, Helvetica, sans-serif;
}
button{
background-color:blue;color:white;width:120px;
border-radius: 5px;
}

Codigó javascript
Código: [Seleccionar]
function meteorito(diametro, temperatura, nombre){
this.diametro = diametro;
this.temperatura = temperatura;
this.nombre = nombre;
this.radio=0;
this.farenheit=0;
}

meteorito.definicionSegunDiccionario = 'Fragmento de un cuerpo procedente del espacio exterior que entra en la atmósfera a gran velocidad y cae sobre la Tierra.';
meteorito.obtenerRadio = function (diam){
radio = diam/2;
return radio;
};
meteorito.obtenertemperaturaFarenheit = function(temp){
farenheit = (temp * 9/5) + 32;
return farenheit;
};
//}

function cargarMeterito(){
var meteorito1 = new meteorito(250000,32,'Hoba');
alert('La definición segun diccionario es '+meteorito.definicionSegunDiccionario+' Su nombre es '+meteorito1.nombre+' tiene un diametro de '+meteorito1.diametro+
' con una temperatura de '+meteorito1.temperatura+'°C'+' con un radio de '+ meteorito.obtenerRadio(meteorito1.diametro)+' y temperatura farenheit '+
meteorito.obtenertemperaturaFarenheit(meteorito1.temperatura)+' °F');
}

Páginas: [1] 2 3 4

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".