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.


Mensajes - DRANXZ88

Páginas: [1] 2 3 4 5 6 ... 18
1
Citar
Podes usar serialize con tu formulario pasando el id del formulario ejemplo

Código: [Seleccionar]
var datosFormulario = $("#formPrograma").serialize();
Citar
Eso te va a traer los datos de tu formulario en formato url lo que tenes que programar es personal.php para que pueda consumir eso. Lo ideal es tener un función algo asi como agregar, guardar que sea descriptiva lo que va a hacer.

Aquí un ejemplo, puedes adaptarlo a tu código.

Código: [Seleccionar]
function guardaryeditar() {
  var datosFormulario = $("#formPrograma").serialize();
  $.ajax({
    type: "POST",
    url: "../ajax/persona.php",
    data: datosFormulario,
    dataType: "json",
    beforeSend: function (objeto) {
      mostrarMensajes( "info","<img src='../../../img/loading.gif' width='30' /> Enviando datos al Servidor ...");
    },
    success: function (json) {
      bootbox.alert(datos);
      mostrarform(false);
      tabla.ajax.reload();
    },
    error: function (e) {
      mostrarMensajes("danger", "ERROR: No se pudo agregar los datos.");
    },
    complete: function (objeto, exito, error) {
      if (exito === "success") {
        limpiar();
      }
    },
  });
}

2
Propuesta de solución para el ejercicio CU01013D del curso tutorial de programación CSS desde cero de aprenderaprogramar.

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;
}

3
Propuesta de solución para el ejercicio CU01140E del tutorial básico de programación web con 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>
        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++;
}

4
Propuesta de solución para el ejercicio CU01138E del tutorial de programación web con 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="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");
  }
}

5
Solución propuesta para el ejercicio CU01136E del curso básico de programación web con 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>
    <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;
}

6
Corregí esta parte ya que dice introduzca su nombre.
Código: [Seleccionar]
var numero = prompt("Introduzca su nombre:", ""); Y tiene que ser introduzca un número.
Código: [Seleccionar]
var numero = prompt("Introduzca un número:", "");

7
Solución propuesta para el ejercicio de programación JavaScript CU01135E del curso básico de programación web de aprenderaprogramar.

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
    );
  }
}

8
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();
}

9
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++;
  }
}

10
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
    );
  }
}

11
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;
    }
}

12
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());
    }
}

13
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;
    }

}

14
Hola, el ejercicio está bien resuelto :) :)

15
El error que te sale es porque hay un método ambiguos sobrecargados y el compilador no sabe a que método usar .-
Código: [Seleccionar]
String mensaje3 = String.format(null,"Nombre del ciudadano:   %s\n Apellido Paterno:   %s\n Apellido Materno:   %s\n edad:   %s\n Fecha de nacimiento:   %s\n Nombre de la calle:   %s\n Numero de la calle:   %s\n Codigo Postal:   %s\n Municipio:   %s\n Estado:   %s\n",nom,apellidopaterno,apellidomaterno,edad,fechanacimiento,nomcalle,Nocalle,cp,municipio,estado);El error esta en este codigo ya que le pudiste null al principio que no entiendo bien porque al corregir este el programa ya funciona.-
Código: [Seleccionar]
mensaje = String.format("Nombre del ciudadano:   %s\n Apellido Paterno:   %s\n Apellido Materno:   %s\n edad:   %s\n Fecha de nacimiento:   %s\n Nombre de la calle:   %s\n Numero de la calle:   %s\n Codigo Postal:   %s\n Municipio:   %s\n Estado:   %s\n", nom, apellidopaterno, apellidomaterno, edad, fechanacimiento, nomcalle, Nocalle, cp, municipio, estado);El código quedaría así otra cosa no es necesario declarar variable innecesario ejemplo mensaje, menasaje1, etc ya que el estado de la variable cambia dependiendo de la condición en este caso solo necesita una variable
Código: [Seleccionar]
package sistemaine;

import javax.swing.JOptionPane;

public class SistemaINE {

    public static void main(String[] args) {
        int edad, Nocalle, cp;
        String nom, apellidopaterno, apellidomaterno, fechanacimiento, nomcalle, municipio, estado;

        String n = JOptionPane.showInputDialog("Ingrese su edad");
        edad = Integer.parseInt(n);
        String mensaje = "";

        //String men
        if (edad > 17) {
            mensaje = String.format("Si puede votar", edad);
            JOptionPane.showMessageDialog(null, mensaje);

            String a = JOptionPane.showInputDialog("Ingrese Nombre del ciudadano");
            nom = (a);

            String b = JOptionPane.showInputDialog("Ingrese Apellido Paterno");
            apellidopaterno = (b);

            String c = JOptionPane.showInputDialog("Ingrese Apellido Materno");
            apellidomaterno = (c);

            String d = JOptionPane.showInputDialog("Ingrese su edad");
            edad = Integer.parseInt(d);

            String e = JOptionPane.showInputDialog("Ingrese su fecha de nacimiento");
            fechanacimiento = (e);

            String f = JOptionPane.showInputDialog("Ingrese el nombre de su calle");
            nomcalle = (f);

            String g = JOptionPane.showInputDialog("Ingrese el numero de su vivienda");
            Nocalle = Integer.parseInt(g);

            String h = JOptionPane.showInputDialog("Ingrese su codigo postal");
            cp = Integer.parseInt(h);

            String i = JOptionPane.showInputDialog("Ingrese el municipio");
            municipio = (i);

            String j = JOptionPane.showInputDialog("Ingrese estado al que pertenece");
            estado = (j);

            mensaje = String.format("Nombre del ciudadano:   %s\n Apellido Paterno:   %s\n Apellido Materno:   %s\n edad:   %s\n Fecha de nacimiento:   %s\n Nombre de la calle:   %s\n Numero de la calle:   %s\n Codigo Postal:   %s\n Municipio:   %s\n Estado:   %s\n", nom, apellidopaterno, apellidomaterno, edad, fechanacimiento, nomcalle, Nocalle, cp, municipio, estado);
            JOptionPane.showMessageDialog(null, mensaje);

        } else {

            mensaje = String.format("No puede votar");
            JOptionPane.showMessageDialog(null, mensaje);

        }

    }
}
Otra observación o como ejercicios seria bueno que valide los campos numérico y fecha para que no inserte valor que no sea valido.-

16
Te recomiendo que para publicar en el foro tenes que leas las reglas de publicación.-
https://aprenderaprogramar.com/foros/index.php?topic=1460.0

17
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 .

18
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>

19
El ejercicio muestra el resultado como pide pero se podría mejorar.

La comparación con equals te da luego como resultado false o true dependiendo si es idéntico o no. En vez de imprimir

 
Código: [Seleccionar]
System.out.println("¿Letra " + (i + 1) + " igual en las dos palabras? True.");

directamente podias hacer así

Código: [Seleccionar]
System.out.println("¿Letra " + (i + 1) + " igual en las dos palabras? " + (pEntrada1.substring(i, i + 1).equals(pEntrada2.substring(i, i + 1))));
Así el código sería más compacto y usarías menos lineas. Quedaría:

Código: [Seleccionar]
while (i < maxI) {
            if (i < minI) {
                System.out.println("¿Letra " + (i + 1) + " igual en las dos palabras? " + (pEntrada1.substring(i, i + 1).equals(pEntrada2.substring(i, i + 1))));
            } else {
                System.out.println("La palabra " + numEntrada + " no tiene letra " + (i + 1));
            }
            i += 1;
        }

Aunque podías usar for también pero ya eso es opcional.

Otra cosa: es recomendable dividir en clases y no poner todo dentro de la clase principal main ya que dentro del principal si es posible no tiene que ir nada calculado.

Ejemplo: podías crear una clase GestionarEntradaTeclado que se encargaría de gestionar el teclado y otra clase que se encargaría sobre gestionar la comparación del los ingresados.

20
Ejercicio corregido según observación Alex Rodríguez


Clase donde se clona

Código: [Seleccionar]
package ejercicioscu00912c;

public class PruebaClon {

    private String datos1, datos2, datos3, datos4;

    public PruebaClon() {
    }

    public PruebaClon(String datos1, String datos2, String datos3, String datos4) {
        this.datos1 = datos1;
        this.datos2 = datos2;
        this.datos3 = datos3;
        this.datos4 = datos4;
    }

    public String getDatos1() {
        return datos1;
    }

    public void setDatos1(String datos1) {
        this.datos1 = datos1;
    }

    public String getDatos2() {
        return datos2;
    }

    public void setDatos2(String datos2) {
        this.datos2 = datos2;
    }

    public String getDatos3() {
        return datos3;
    }

    public void setDatos3(String datos3) {
        this.datos3 = datos3;
    }

    public String getDatos4() {
        return datos4;
    }

    public void setDatos4(String datos4) {
        this.datos4 = datos4;
    }

    @Override
    public PruebaClon clone() {
        PruebaClon clon = new PruebaClon(datos1, datos2, datos3, datos4);
        return clon;
    }

    @Override
    public String toString() {
        String mensaje = datos1 + datos2 + datos3 + datos4;
        return mensaje;
    }
}


Clase principal main

Código: [Seleccionar]
package ejercicioscu00912c;

public class EjerciciosCu00912c {

    public static void main(String[] args) {
        PruebaClon prueba = new PruebaClon("000000000000", "000000000000", "000000000000", "000000000000");
        PruebaClon prueba1 = prueba.clone();
        PruebaClon prueba2 = prueba.clone();
        PruebaClon prueba3 = prueba.clone();
        PruebaClon prueba4 = prueba.clone();

        prueba1.setDatos1("111111111111");
        prueba2.setDatos2("111111111111");
        prueba3.setDatos3("111111111111");
        prueba4.setDatos4("111111111111");

        System.out.println(prueba.toString());
        System.out.println(prueba1.toString());
        System.out.println(prueba2.toString());
        System.out.println(prueba3.toString());
        System.out.println(prueba4.toString());

    }

}

Páginas: [1] 2 3 4 5 6 ... 18

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".