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

Páginas: 1 2 3 [4] 5
61
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript cómo crear clases Métodos con funciones internas y externas CU01144E#
« en: 22 de Mayo 2017, 01:59 »
Hola a todos. Presento el ejercicio CU01144E del manual de programador web con JavaScript usando Notepad++ como editor. He tenido algún follón de comprensión en el foro. Así pues, he realizado mi código, pero no sé si es el adecuado.

Gracias

Un saludo


Métodos con funciones internas

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  tutorialesprogramacionya.com</title>
        <meta charset="utf-8">
        <style type="text/css">
    body {font-family: sans-serif; text-align:center; }
            div {border-style:solid; margin:20px; padding:15px; display:inline-block;}
.boton{padding:15px; width:200px; text-align:center; clear:both; color: white; border-radius: 40px; background: rgb(202, 60, 60);}     
        </style>
        <script type="text/javascript">   
            function Medico(nombre,curadas,especialidad){
    this.nombreMedico=nombre;
this.personasCuradas=curadas;
this.especialidad=especialidad;
this.curarPersona=function(){
    this.personasCuradas++;
}
this.mostrarDatos=function(){
    var msg='El médico se llama '+this.nombreMedico+', su especialidad es '+this.especialidad;
msg=msg+' y lleva '+this.personasCuradas+' personas curadas';
alert(msg);
}
}
function crearMedico(){
    medico1=new Medico('Juan Oria','16','cardiología');
medico1.mostrarDatos();
medico1.curarPersona();medico1.mostrarDatos();
medico2=new Medico('Carlos Bermúdez','27','digestivo');
medico2.mostrarDatos();
medico2.curarPersona();medico2.mostrarDatos();
}
        </script>
    </head>
    <body>
        <div class="boton" onclick="crearMedico()">Crear objeto médico</div>
    </body>
</html>


Métodos con funciones externas

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  tutorialesprogramacionya.com</title>
        <meta charset="utf-8">
        <style type="text/css">
    body {font-family: sans-serif; text-align:center; }
            div {border-style:solid; margin:20px; padding:15px; display:inline-block;}
.boton{padding:15px; width:200px; text-align:center; clear:both; color: white; border-radius: 40px; background: rgb(202, 60, 60);}     
        </style>
        <script type="text/javascript">   
            function Medico(nombre,curadas,especialidad){
    this.nombreMedico=nombre;
this.personasCuradas=curadas;
this.especialidad=especialidad;
this.curarPersona=curarPersona;
this.mostrarDatos=mostrarDatos;

function curarPersona(){
    this.personasCuradas++;
}
function mostrarDatos(){
    var msg='El médico se llama '+this.nombreMedico+', su especialidad es '+this.especialidad;
msg=msg+' y lleva '+this.personasCuradas+' personas curadas';
alert(msg);
}
}
function crearMedico(){
    medico1=new Medico('Juan Oria','16','cardiología');
medico1.mostrarDatos();
medico1.curarPersona();medico1.mostrarDatos();
medico2=new Medico('Carlos Bermúdez','27','digestivo');
medico2.mostrarDatos();
medico2.curarPersona();medico2.mostrarDatos();
}
        </script>
    </head>
    <body>
        <div class="boton" onclick="crearMedico()">Crear objeto médico</div>
    </body>
</html>

62
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript crear objetos con this y new. Diseño orientado a objetos CU01143E#
« en: 21 de Mayo 2017, 22:07 »
Hola a todos. Os adjunto mi código para el ejercicio CU01143E del curso básico de programación web con JavaScript usando Notepad++ como editor. Gracias.

Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  tutorialesprogramacionya.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            body {font-family: sans-serif; text-align:center; }
            div {border-style:solid; margin:20px; padding:15px; display:inline-block;}
.boton{padding:15px; width:200px; text-align:center; clear:both; color: white; border-radius: 40px; background: rgb(202, 60, 60);}
        </style>
        <script type="text/javascript">       
function CuentaBancaria (nombre,apellidos,saldo) {
                this.nombreTitular=nombre;
this.apellidosTitular=apellidos;
this.saldoTitular=saldo;
this.mostrarDatos=function(){
                    var msg = 'Los datos actuales de la cuenta son: '+'\n';
msg=msg+'Nombre del titular: '+this.nombreTitular+' '+this.apellidosTitular+'\n';
msg=msg+'Saldo actual en cuenta: '+this.saldoTitular;
                    alert(msg);
                }
            }
function crearCuentaBancaria(){
            var nombre=prompt('Introduzca su nombre');
var apellidos=prompt('Introduzca sus apellidos');
var saldo=prompt('Introduza saldo cuenta');
saldo=Number(saldo);
    var cuenta1 = new CuentaBancaria(nombre,apellidos,saldo);
                cuenta1.mostrarDatos(); 
}
        </script>
    </head>
    <body>
        <div class="boton" onclick="crearCuentaBancaria()">Crear cuenta bancaria</div>
    </body>
</html>

63
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript ejercicio evento onsubmit HTML placeholder en formulario CU01142E#
« en: 20 de Mayo 2017, 09:39 »
Hola a todos. Os paso mi código para el ejercicio CU01142E del tutorial de programación web como si estuviera en primero con JavaScript. Gracias

Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  tutorialesprogramacionya.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            body {background-color:pink; font-family: sans-serif;}
            label {color: maroon; display:block; padding:5px;}
        </style>
        <script type="text/javascript">
    var msg='';
            function validar(){
                var nombre=document.getElementById('nombre').value;
var email=document.getElementById('email').value;

comprobarNombre(nombre);
email=transformarEmailAMinusculas(email);
email=rectificarAtEnEmail(email);
comprobarEmail(email);

    document.getElementById('email').value=email;
            }
            function comprobarNombre(nombre){
    if(nombre.length<3){
    msg='El nombre no cumple tener al menos tres letras';alert(msg);
}else{}
}
function comprobarEmail(email){
    var arroba=false;
var punto=false;
    for(var i=0;i<email.length;i++){
                if(email.charAt(i)=='@'){arroba=true;}
                if(email.charAt(i)=='.'){punto=true;}
            }
if(arroba==false && punto==false){
msg='Faltan los símbolos \'@\' y el \'.\'';alert(msg);
}else{
if(arroba==false){msg='Falta el símbolo \'@\' en el correo electrónico';alert(msg);}
if(punto==false){msg='Falta el símbolo \'.\' en el correo electrónico';alert(msg);}
}
}
function transformarEmailAMinusculas(email){
    return email.toLowerCase();
}
function rectificarAtEnEmail(email){
                return email.replace(/at/g,'@');
            }

        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <div style="width:450px;">
            <form name ="formularioContacto" class="formularioTipo1" method="get" action="https://www.aprenderaprogramar.com" onsubmit="validar()">
                <p>Si quieres contactar con nosotros envíanos este formulario relleno:</p>
                <label for="nombre"><span>Nombre:</span> <input id="nombre" type="text" name="nombre" placeholder="Introduzca su nombre" size="60"/></label>
                <label for="apellidos"><span>Apellidos:</span> <input id="apellidos" type="text" name="apellidos" placeholder="Introduzca sus apellidos" size="60"/></label>
                <label for="email"><span>Correo electrónico:</span> <input id="email" type="text" name="email" placeholder="Introduzca su correo electrónico" size=60px/></label>
                <label>
    <input type="submit" value="Enviar" >
                    <input type="reset" value="Cancelar">
                </label>
            </form>
        </div>


    </body>
</html>

64
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / calculadora Javascript Funcion eval y getElementsByClassName. Ejercicio CU01133E
« en: 16 de Mayo 2017, 15:41 »
Hola a todos. Os paso mis códigos del ejercicio CU01133E del taller de programación web con JavaScript como si estuvieras en primero.

Sobre el primero nada que decir, pero sobre el segundo he intentado susituir:
- getElementById por getElementsByClassName (javascript)
-#caja por .caja(css)
-id="caja" por class="caja" (html-body)
y no he podido hacer funcionar.


Supongo que debe ser algo que todavía no he aprendido.
Gracias
Un saludo.

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

<html>
    <head>
    <title>Ejemplo aprenderaprogramar.com</title>
<meta charset="utf-8">
        <style type="text/css">
            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: 285px;}
            .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;}
        </style>
        <script type="text/javascript">
            function pulsada (tecla) {
                var listaNodosPantalla = document.getElementsByClassName('pantalla');
                var nodoTextoPantalla = listaNodosPantalla[0].firstChild;
if(tecla=='C'){
nodoTextoPantalla.nodeValue = ' ';
}else if(tecla=='='){
var resultado = eval(nodoTextoPantalla.nodeValue);
                    nodoTextoPantalla.nodeValue = resultado;
}else{
    nodoTextoPantalla.nodeValue = nodoTextoPantalla.nodeValue + tecla;
} 
            }
        </script>
    </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 onclick="pulsada('7')">7</span>
                               <span onclick="pulsada('8')">8</span>
                               <span onclick="pulsada('9')">9</span>
                               <span class="operador" onclick="pulsada('+')">+</span>
                               <span onclick="pulsada('4')">4</span>
                               <span onclick="pulsada('5')">5</span>
                               <span onclick="pulsada('6')">6</span>
                               <span class="operador" onclick="pulsada('-')">-</span>
                               <span onclick="pulsada('1')">1</span>
                               <span onclick="pulsada('2')">2</span>
                               <span onclick="pulsada('3')">3</span>
                               <span class="operador" onclick="pulsada('/')">รท</span>
                               <span onclick="pulsada('0')">0</span>
                               <span onclick="pulsada('.')">.</span>
                               <span class="igual" onclick="pulsada('=')">=</span>
                               <span class="operador" onclick="pulsada('*')">x</span>

            </div>
        </div>
    </body>
</html>

Ejercicio 2
[code]
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<style type="text/css">
#caja{
text-align: center;
font-size: 30px;
border: 1px solid black;
width: 200px;
height: 30px;
padding-bottom: 8px;
}
</style>
<script type="text/javascript">
function componer(sentido) {
var accion = 'mover';
var sobreElemento = 'Imagen';
var haciaDonde = sentido;
var llamada = accion + sobreElemento+'(\''+haciaDonde+'\')';
// alert ('La unión del texto genera ' + llamada);
eval(llamada);
}
function moverImagen(sentido) {//Opcion 2
var lado = document.getElementById("caja");
var haciaDonde = lado.childNodes[0];
haciaDonde.nodeValue = sentido;
}
</script>
</head>
<body>
<div id="caja"> </div>
<input id="botonAdelante" type="button" value="Adelante" onclick="componer('adelante')" />
<input id="botonAtras" type="button" value="Atras" onclick="componer('atras')" />
</body>
</html>
[/code]

65
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Javascript Bucle FOR IN. Ejercicio CU01135E
« en: 16 de Mayo 2017, 11:14 »
Hola. He resuelto algunos de los problemas que tenía con el código anterior. Os paso el nuevo.
Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">
var nums=new Array(5);
var resultados=new Array();
            function introMostrarDatos(){
    for(var i=0;i<nums.length;i++){
    var num=prompt('Introduzca un número');
nums[i]=Number(num);   
}
alert('Los números introducidos son: '+nums);

var msg='';
for(i in nums){
    resultados[i]=nums[i]*3;
msg=msg+nums[i]+'*3= '+resultados[i]+', ';

}
alert('Multiplicamos por 3 los números introducidos: '+msg);
}
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <p id="datos" onclick="introMostrarDatos()">Pulse aquí para introducir datos</p>
    </body>
</html>

66
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript generar la tabla de multiplicar con bucle FOR IN. Ejercicio CU01135E#
« en: 16 de Mayo 2017, 09:33 »
Hola a todos. Os adjunto mi código para el ejercicio CU01135E del curso de fundamentos de programación web con JavaScript.

Un problema es que no he puesto la "y" de separación última, y algún otro que ya solucionaré.

Gracias

Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">
    var msg='Los números introducidos son:'; 
var msg1='Multiplicamos por 3 los números introducidos: ';
var nums=new Array(5);
var resultados=new Array(5);
            function introMostrarDatos(){
    for(var i=0;i<nums.length;i++){
    var num=prompt('Introduzca un número');
nums[i]=Number(num);   
}
msg=msg+nums;
alert(msg);


for(i in nums){
    resultados[i]=nums[i]*3;
    msg1=msg1+nums[i]+'*3= '+resultados[i]+', ';
}
alert(msg1);
}
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <p id="datos" onclick="introMostrarDatos()">Pulse aquí para introducir datos</p>
    </body>
</html>

67
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Javascript Acceso a nodos por selectores. Ejercicio CU01134E
« en: 15 de Mayo 2017, 18:44 »
Hola. No me he dado cuenta y he pasado el código sin realizar la función de las operaciones. Debido a ello he copiado esta función del ejercicio CU01133E.
Os paso el código completo
Gracias
Un saludo

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    <title>Ejemplo aprenderaprogramar.com</title>
    <meta charset="utf-8">
        <style type="text/css">
            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, #marcaTeclaC, #marcaTeclaPunto, #marcaPantalla, #limpiaTodo {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, #marcaTeclaC:hover, #marcaTeclaPunto:hover, #marcaPantalla:hover, #limpiaTodo:hover {
background: rgb(66, 184, 221);}
        </style>
        <script type="text/javascript">
            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";
                }
            }
function marcarTeclaC(){
    var nodoC=document.querySelector(".limpiar");
nodoC.style.backgroundColor="pink";
nodoC.style.color="white";
}
function marcarTeclaPunto(){
    var nodoPunto=document.querySelector("#calculadora .teclas span.punto");
nodoPunto.style.backgroundColor="violet";
nodoPunto.style.color="white";
}
function marcarPantalla(){
    var nodoPantalla=document.querySelector("#calculadora .parteSuperior div.pantalla");
nodoPantalla.style.backgroundColor="blue";
}
function limpiarTodo(){
    var nodoC=document.querySelector(".limpiar");
nodoC.style.backgroundColor="#FF7C87";
nodoC.style.color="black";

var nodoPunto=document.querySelector("#calculadora .teclas span.punto");
nodoPunto.style.backgroundColor="#FFFFFF";
nodoPunto.style.color="black";

var nodoPantalla=document.querySelector("#calculadora .parteSuperior div.pantalla");
nodoPantalla.style.backgroundColor="rgba(0, 0, 0, 0.2)";

var listaNodosNumeros = document.querySelectorAll("#calculadora .teclas span.numero");
                for (var i=0; i<listaNodosNumeros.length; i++) {
                    listaNodosNumeros[i].style.backgroundColor = "#FFFFFF";
                    listaNodosNumeros[i].style.color = "#888888";
                    listaNodosNumeros[i].style.border = "3px";
}

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 = "#FFDAB9";
                    listaNodosOperadores[i].style.color = "#888888";
                    listaNodosOperadores[i].style.border = "3px";
                }
                nodoIgual.style.backgroundColor = "#F1FF92";
                nodoIgual.style.color = "#888E5F";
                nodoIgual.style.border = "3px";
}
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;
                }
}

        </script>
    </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="marcaTeclaC" onclick="marcarTeclaC()">Marcar tecla C</div>
<div id="marcaTeclaPunto" onclick="marcarTeclaPunto()">Marcar tecla Punto</div>
<div id="marcaPantalla" onclick="marcarPantalla()">Marcar pantalla</div>
<div id="limpiaTodo" onclick="limpiarTodo()">Limpiar todo</div>
        </div>
    </body>
</html>

68
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Calculadora Javascript código con Acceso a nodos document.querySelector CU01134E
« en: 15 de Mayo 2017, 18:12 »
Hola a todos. Os paso mi código para el ejercicio CU01134E del curso sobre fundamentos de programación web con JavaScript.
Gracias
Un saludo

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    <title>Ejemplo aprenderaprogramar.com</title>
    <meta charset="utf-8">
        <style type="text/css">
            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, #marcaTeclaC, #marcaTeclaPunto, #marcaPantalla, #limpiaTodo {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, #marcaTeclaC:hover, #marcaTeclaPunto:hover, #marcaPantalla:hover, #limpiaTodo:hover {
background: rgb(66, 184, 221);}
        </style>
        <script type="text/javascript">
            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";
                }
            }
function marcarTeclaC(){
    var nodoC=document.querySelector(".limpiar");
nodoC.style.backgroundColor="pink";
nodoC.style.color="white";
}
function marcarTeclaPunto(){
    var nodoPunto=document.querySelector("#calculadora .teclas span.punto");
nodoPunto.style.backgroundColor="violet";
nodoPunto.style.color="white";
}
function marcarPantalla(){
    var nodoPantalla=document.querySelector("#calculadora .parteSuperior div.pantalla");
nodoPantalla.style.backgroundColor="blue";
}
function limpiarTodo(){
    var nodoC=document.querySelector(".limpiar");
nodoC.style.backgroundColor="#FF7C87";
nodoC.style.color="black";

var nodoPunto=document.querySelector("#calculadora .teclas span.punto");
nodoPunto.style.backgroundColor="#FFFFFF";
nodoPunto.style.color="black";

var nodoPantalla=document.querySelector("#calculadora .parteSuperior div.pantalla");
nodoPantalla.style.backgroundColor="rgba(0, 0, 0, 0.2)";

var listaNodosNumeros = document.querySelectorAll("#calculadora .teclas span.numero");
                for (var i=0; i<listaNodosNumeros.length; i++) {
                    listaNodosNumeros[i].style.backgroundColor = "#FFFFFF";
                    listaNodosNumeros[i].style.color = "#888888";
                    listaNodosNumeros[i].style.border = "3px";
}

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 = "#FFDAB9";
                    listaNodosOperadores[i].style.color = "#888888";
                    listaNodosOperadores[i].style.border = "3px";
                }
                nodoIgual.style.backgroundColor = "#F1FF92";
                nodoIgual.style.color = "#888E5F";
                nodoIgual.style.border = "3px";
}

        </script>
    </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="marcaTeclaC" onclick="marcarTeclaC()">Marcar tecla C</div>
<div id="marcaTeclaPunto" onclick="marcarTeclaPunto()">Marcar tecla Punto</div>
<div id="marcaPantalla" onclick="marcarPantalla()">Marcar pantalla</div>
<div id="limpiaTodo" onclick="limpiarTodo()">Limpiar todo</div>
        </div>
    </body>
</html>

69
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript bucles While Continue charAt Ejercicio resuelto del tutorial CU01132E
« en: 07 de Mayo 2017, 22:46 »
Hola a todos. Dejo mi código del ejercicio CU01132E del curso elemental de programación web con JavaScript usando Notepad++ como editor.

Gracias

Un saludo

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

<html>
    <head>
    <title>Ejemplo aprenderaprogramar.com</title>
<meta charset="utf-8">
        <style type="text/css">
            body {background-color:white; font-family: sans-serif;}
            .boton{padding:15px; width: 200px;  text-align:center; clear:both;
            color: white; border-radius: 40px; background: rgb(202, 60, 60);}
        </style>
        <script type="text/javascript">
            function mostrarLetras() {
    var palabra;
palabra=prompt('Introduzca una palabra: ');
var msg='Mostrar letras palabra: \n\n';
                var i=0;
                while (i<palabra.length) {
    i++;
                    msg = msg + 'Letra '+ i + ': '+palabra.charAt(i-1)+'\t\t';
}
                alert(msg);
}
        </script>
    </head>
    <body>
        <h1>Portal web aprenderaprogramar.com</h1>
        <h2>Didáctica y divulgación de la programación</h2>
        <h3 class="boton" onclick="mostrarLetras()">Pulsa aquí</h3>
    </body>
</html>

70
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript array (arreglo) unidimensional document.getElementsByTagName CU01131E
« en: 04 de Mayo 2017, 23:14 »
Hola a todos. Os envio mi código para el ejercicio CU01131E del tutorial de aprendizaje de programación web desde cero con JavaScript.
Gracias
Un saludo

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

<html>
    <head>
        <title>Ejemplo DOM - aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            body {background-color:white; font-family: sans-serif;}
            .boton{padding:15px; width: 200px;  text-align:center; clear:both;
            color: white; border-radius: 40px; background: rgb(202, 60, 60);}
.boton:hover {background: rgb(66, 184, 221);}
p {font-size: 24px; color: maroon; float: left; margin:10px; border: solid black; padding:10px;}
    </style>
        </style>
        <script type="text/javascript">
    function mostrarPalabra(){
    var palabra;
    palabra = prompt('Introduzca una palabra');
var subpalabra=[];
var msg='Mostrar letras palabra: \n\n';
for(var i=0;i<palabra.length;i++){
    subpalabra[i]=palabra.charAt(i);
}
for(i=0;i<palabra.length;i++){
    msg=msg+'Letra '+(i)+': '+subpalabra[i]+'\n';
}
alert(msg);
}
function mostrarContParrafos(){
    var nodosP = document.getElementsByTagName('p');
var p;
var msg='Mostrar contenido párrafos: \n\n';
for(var i=0;i<nodosP.length;i++){
    p=nodosP[i].innerHTML;
    msg=msg+'Parrafo '+(i+1)+' contiene: '+p+'; ';
}

alert(msg);
}
</script>
    </head>
    <body>
        <h1>Portal web aprenderaprogramar.com</h1>
        <h2>Didáctica y divulgación de la programación</h2>
<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="mostrarPalabra()">Pulsa aquí</h3>
<h3 class="boton" onclick="mostrarContParrafos()">Pulsa aquí 2</h3>
    </body>
</html>

71
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Evento onsubmit para enviar formulario checked. Ejercicio CU01130E
« en: 03 de Mayo 2017, 19:05 »
Hola a todos. Os envio mi código
Gracias
Un saludo.

Respuestas:
a) En un if siempre hay que interpretar un boleano o un valor numérico. False equivale a 0 y true equivale a cualquier otro valor numérico. Para el presente ejercicio checked equivale a true, con independencia de que lo indique, y por lo tanto a un valor numérico distinto de cero. Unchecked equivaldría a false y de valor numérico 0.
b)c)
Código: [Seleccionar]
<!DOCTYPE html>

<html>
    <head>
        <title>Ejemplo JavaScript - aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            body {background-color:white; font-family: sans-serif;}
            label {color: maroon; display:inline-block; padding:5px;}
        </style>
        <script type="text/javascript">
            function informarItemsElegidos(elemento) {
                var elementosObtenidos = document.getElementsByName(elemento);
                var msg = 'Animales que ha elegido que le gustan incluye: ';
                var elegidos = 0;

if (elementosObtenidos[0].checked == true){msg = msg + elementosObtenidos[0].value; elegidos=elegidos+1;}

if (elementosObtenidos[1].checked == true && elegidos>=1){msg=msg+', ';}
if (elementosObtenidos[1].checked == true){msg = msg + elementosObtenidos[1].value; elegidos=elegidos+1;}

if (elementosObtenidos[2].checked == true && elegidos>=1){msg=msg+', ';}
if (elementosObtenidos[2].checked == true){msg = msg + elementosObtenidos[2].value; elegidos=elegidos+1;}

if (elementosObtenidos[3].checked == true && elegidos>=1){msg=msg+', ';}
if (elementosObtenidos[3].checked == true){msg = msg + elementosObtenidos[3].value; elegidos=elegidos+1;}

                if (elegidos == 0 ) {msg = '¡No ha elegido ningún animal!';}
                alert (msg+'.');
                alert ('El número total de animales disponibles era '+elementosObtenidos.length+' y usted ha elegido '+elegidos);
}
        </script>
    </head>
    <body>
        <div id="cabecera">
            <h1>Portal web aprenderaprogramar.com</h1>
            <h2>Didáctica y divulgación de la programación</h2>
        </div>
        <!-- Formulario de contacto -->
        <div style="width:450px;">
            <form name ="formularioContacto" class="formularioTipo1" method="get" action="http://aprenderaprogramar.com" onsubmit="informarItemsElegidos('animal')">
                <p>Si quieres contactar con nosotros envíanos este formulario relleno:</p>
                <label for="nombre"><span>Nombre:</span> <input id="nombre" type="text" name="nombre" /></label>
                <label for="apellidos"><span>Apellidos:</span> <input id="apellidos" type="text" name="apellidos" /></label>
                <p>Elige los animales que te gusten:</p>
                <input type="checkbox" name="animal" id="leon" value="leon" />
<label for="leon">León & nbsp;& nbsp;& nbsp;    </label>
<input type="checkbox" name="animal" id="tigre" value="tigre" />
<label for="tigre">Tigre & nbsp;& nbsp;& nbsp; </label>
<input type="checkbox" name="animal" id="guepardo" value="guepardo" />
<label for="guepardo">Guepardo & nbsp;& nbsp;& nbsp; </label>
<input type="checkbox" name="animal" id="jaguar" value="jaguar" />
<label for="jaguar">Jaguar </label>
<label for="email"><span>Correo electrónico:</span> <input id="email" type="text" name="email" /></label>
                <label>
                    <input type="submit" value="Enviar" />
                    <input type="reset" value="Cancelar" />
                </label>
            </form>
        </div>
    </body>
</html>

72
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Acceso a nodos por etiqueta getElementsByTagName label CU01128E
« en: 01 de Mayo 2017, 21:42 »
Hola a todos. Os dejo mi código para el ejercicio CU01128E del tutorial de programación web como si estuvieras en primero.

Gracias

Un saludo.

¿Se usan los tres índices del array en todos los casos?  NO

¿Qué ocurre si aparecen más índices que elementos realmente existen en el documento html? Si hay más índices que elementos, los que haya de más no se utilizarán.

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

<html>
    <head>
        <title>Ejemplo DOM - aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            body {background-color:white; font-family: sans-serif;}
            label {color: maroon; display:block; padding:5px;}
#ingles, #espanol {padding:15px; width: 150px; float: left;
            color: white; border-radius: 40px; background: rgb(202, 60, 60);}
            #ingles:hover, #espanol:hover {background: rgb(66, 184, 221);}
        </style>
        <script type="text/javascript">
            function cambiarAspecto(elemento) {
                var elementosObtenidos = document.getElementsByTagName(elemento);
                elementosObtenidos[0].style.backgroundColor = '#FF6633';
                elementosObtenidos[1].style.backgroundColor = '#FF9933';
                elementosObtenidos[2].style.backgroundColor = '#FFCC33';
            }
function cambiarAIngles(elemento1){
    var elementosObtenidos1=document.getElementsByTagName(elemento1);
elementosObtenidos1[0].firstChild.nodeValue='Name: ';
elementosObtenidos1[1].firstChild.nodeValue='Surname: ';
elementosObtenidos1[2].firstChild.nodeValue='e-mail: ';
}
function cambiarAEspanol(elemento2){
    var elementosObtenidos2=document.getElementsByTagName(elemento2);
elementosObtenidos2[0].firstChild.nodeValue='Nombre: ';
elementosObtenidos2[1].firstChild.nodeValue='Apellidos: ';
elementosObtenidos2[2].firstChild.nodeValue='Correo electrónico: ';
}

        </script>
    </head>
    <body>
        <div id="cabecera">
            <h1>Portal web aprenderaprogramar.com</h1>
            <h2>Didáctica y divulgación de la programación</h2>
        </div>
        <!-- Formulario de contacto -->
        <div style="width:450px;">
            <form name ="formularioContacto" class="formularioTipo1" method="get" action="accion.html" onclick="cambiarAspecto('label')">
                <p>Si quieres contactar con nosotros envíanos este formulario relleno:</p>
                <label for="nombre"><span>Nombre:</span> <input id="nombre" type="text" name="nombre" /></label>
                <label for="apellidos"><span>Apellidos:</span> <input id="apellidos" type="text" name="apellidos" /></label>
                <label for="email"><span>Correo electrónico:</span> <input id="email" type="text" name="email" /></label>
                <label>
    <input type="submit" value="Enviar">
                    <input type="reset" value="Cancelar">
                </label>
            </form>
        </div>
<div id="ingles" onclick="cambiarAIngles('span')">Cambiar a Inglés</div>
<div id="espanol" onclick="cambiarAEspanol('span')">Cambiar a Español</div>     
    </body>
</html>

73
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript Funciones matemáticas calcular precio producto con impuestos CU01122E
« en: 27 de Abril 2017, 22:57 »
Hola a todos. Os dejo mi código para el ejercicio CU01122E del tutorial de programación web con JavaScript.

Gracias

Un saludo a todos.

Código: [Seleccionar]
<html>
   <head>
        <title>Curso JavaScript aprenderaprogramar.com</title>
<meta charset="utf-8">
        <script type="text/javascript">
    var importeConImpuestos,importeSinImpuestos,tipoDeProducto,impuesto;
var resultado=[];
function introDatos(){
    importeSinImpuestos=prompt('Introduzca el importe del producto');
importeSinImpuestos=Number(importeSinImpuestos);
tipoDeProducto=prompt('Introduzca el tipo de producto');
tipoDeProducto=Number(tipoDeProducto);

if(tipoDeProducto==1 || tipoDeProducto==2 || tipoDeProducto==3){
                    obtenerImporteConImpuestos(importeSinImpuestos,tipoDeProducto);
}else{
    alert('No existe este tipo de producto');
}
obtenerImporteConImpuestos2(importeSinImpuestos);
}
    function obtenerImporteConImpuestos(importeSinImpuestos,tipoDeProducto) {
                if(tipoDeProducto==1){
                    impuesto=1.21;
                }else if(tipoDeProducto==2){
                    impuesto=1.1;
                }else{
                    impuesto=1.05;
                }
importeConImpuestos=importeSinImpuestos*impuesto;
alert('El importe con impuestos del tipo de producto '+tipoDeProducto+ ' es: '+importeConImpuestos+ '\n\n');
}
function obtenerImporteConImpuestos2(importeSinImpuestos){
    resultado=[undefined,importeSinImpuestos*1.21,importeSinImpuestos*1.1,importeSinImpuestos*1.05];
    alert('Array de importes con impuestos: '+resultado+ '\n\n');
alert('Para un importe sin impuestos de '+importeSinImpuestos+' y tipo de producto 0 el resultado de importe con impuestos es '+resultado[0]+' \n\n');
alert('Para un importe sin impuestos de '+importeSinImpuestos+' y tipo de producto 1 el resultado de importe con impuestos es '+resultado[1]+' \n\n');
alert('Para un importe sin impuestos de '+importeSinImpuestos+' y tipo de producto 2 el resultado de importe con impuestos es '+resultado[2]+' \n\n');
alert('Para un importe sin impuestos de '+importeSinImpuestos+' y tipo de producto 3 el resultado de importe con impuestos es '+resultado[3]+' \n\n');
} 
        </script>
    </head>
    <body>
    <div>
    <p onclick="introDatos()">Pulse aquí con el cursor</p>
</div>
</body>
</html>

74
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascritp Arrays unidimensionales (arreglos) Ejercicio resuelto CU01121E
« en: 27 de Abril 2017, 16:35 »
Hola a todos. Os envio mi código del ejercicio CU01121E del tutorial de programación web con JavaScript usando Notepad++ como editor.
Gracias
Un saludo.

Código: [Seleccionar]
<html>
   <head>
        <title>Curso JavaScript aprenderaprogramar.com</title>
<meta charset="utf-8">
        <script type="text/javascript">
        var nombres=[];
var msg;
            function introDatos() { 
nombres[0]=prompt('Introduzca un nombre');
nombres[1]=prompt('Introduzca un nombre');
nombres[2]=prompt('Introduzca un nombre');
msg='Array de nombres: ' +nombres+ '\n\n';
alert(msg);
}
        </script>
    </head>
    <body>
    <div>
    <p onclick="introDatos()">Pulse aquí con el cursor</p>
</div>
</body>
</html>

75
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript Condicional switch elegir entre varias opciones ejemplo CU01120E
« en: 27 de Abril 2017, 10:03 »
Hola a todos. Os adjunto mi código para el ejercicio CU01120E del tutorial aprenda JavaScript como si estuviera en primero.
Gracias
Un saludo.

Código: [Seleccionar]
<html>
    <head>
        <title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
        <script type="text/javascript">
        function dimeTipoMotor() {
    var motor;
motor=prompt('Por favor, introduzca el tipo de motor de bomba: ');
motor=Number(motor);
switch(motor){
    case 0:alert('No hay establecido un valor definido para el tipo de bomba');break;
case 1:alert('La bomba es una bomba de agua');break;
case 2:alert('La bomba es una bomba de gasolina');break;
case 3:alert('La bomba es una bomba de hormigón');break;
case 4:alert('La bomba es una bomba de pasta alimenticia');break;
default:alert('No existe un valor válido para tipo de bomba');break;
}
}
        </script>
    </head>
    <body>
        <div>
    <p onclick="dimeTipoMotor()">Pulse aquí con el cursor</p>
        </div>
    </body>
</html>

76
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript Condicionales de flujo o estructuras de decisión if else if CU01119E
« en: 26 de Abril 2017, 22:33 »
Hola a todos. Os envio mi código. Es un código simple sin entrar a más posiblidades.
Gracias.

Un saludo.

Código: [Seleccionar]
<html>
    <head>
        <title>Curso JavaScript aprenderaprogramar.com</title>
<meta charset="utf-8">
        <script type="text/javascript">
    var diametro,grosor;
            function mostrarMensaje1() {
    diametro=prompt('Por favor introduzca el diametros en metros: ');
    diametro=Number(diametro);
    grosor=prompt('Por favor introduzca el grosor en metros: ');
    grosor=Number(grosor);
    if(diametro>1.4){
    alert('La rueda es para vehículo grande');
}else if(diametro<=1.4 && diametro>0.8){
    alert('La rueda es para vehículo mediano');
}else{
     alert('La rueda es para vehículo pequeño');
}
if(diametro>1.4 && grosor<0.4 ||diametro<=1.4 && diametro>0.8 && grosor<0.25){
     alert('El grosor para esta rueda es inferior al recomendado');
}
}
        </script>
    </head>
    <body>
    <p onclick="mostrarMensaje1()">Probando</p>
       
    </body>
</html>

77
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Javascript Operadores Lógicos Ejercicio CU01117E
« en: 26 de Abril 2017, 19:28 »
Hola Pedro.
Gracias.
Las preguntas están respondidas en la misma web.
Un saludo

78
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript Operadores Lógicos y valores de verdad booleanos Ejercicio CU01117E
« en: 25 de Abril 2017, 15:02 »
Hola a todos. Os envio el código de mis ejercicios de la entrega CU01117E del curso de programación web con JavaScript básico.
Gracias. Un saludo.

Ejercicio1: Como problema no me sale el enunciado de m)

Código: [Seleccionar]
<html>
    <head>
        <title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
        <script type="text/javascript">
    var A=5; var B=3; var C=-12;
            function mostrarMensaje1() {
                alert('a)Valor de verdad para A>3 es '+(A>3));
                alert('b)Valor de verdad para A>C es '+(A>C));
                alert('c)Valor de verdad para A<C es '+(A<C));
                alert('d)Valor de verdad para B<C es '+(B<C));
                alert('e)Valor de verdad para B!=C es '+(B!=C));
                alert('f)Valor de verdad para A==3 es '+(A==3));
                alert('g)Valor de verdad para A*B==15 es '+(A*B==15));
                alert('h)Valor de verdad para A*B==-30 es '+(A*B==-30));
                alert('i)Valor de verdad para C/B<A es '+(C/B<A));
                alert('j)Valor de verdad para C/B==-10 es '+(C/B==-10));
                alert('k)Valor de verdad para C/B==-4 es '+(C/B==-4));
                alert('l)Valor de verdad para A+B+C==5 es '+(A+B+C==5));
                alert('m)Valor de verdad para (A+B==8)&&(A-B==2) es '+(A+B==8)&&(A-B==2));
                alert('n)Valor de verdad para (A+B==8)||(A-B==6) es '+(A+B==8)||(A-B==6));
                alert('o)Valor de verdad para A>3&&B>3&&C<3 es '+(A>3&&B>3&&C<3));
                alert('p)Valor de verdad para A>3&&B>=3&&C<-3 es '+(A>3&&B>=3&&C<-3));
}
        </script>
    </head>
    <body>
    <p onclick="mostrarMensaje1()">Probando</p>
</body>
</html>


Ejercicio2:

Código: [Seleccionar]
<html>
    <head>
        <title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
        <script type="text/javascript">
    var a,b;
var c='valor';
a=a*c;
b=b*c;
            function mostrarMensaje1() {
    alert('Valor de a es '+a);
alert('Valor de b es '+b);
    alert('Valor de verdad para a==b es '+(a==b));
alert('Valor de verdad para a===b es '+(a===b));
alert('Valor de verdad para a!==a es '+(a!==a));
}
        </script>
    </head>
    <body>
    <p onclick="mostrarMensaje1()">Probando</p>
<p>Resultado: que al multiplicar con un texto es una operación ilegal que javascritp representa como NaN para evitar errores o que el código no pueda ejeutarse</p>
    <p>Conclusión: que es un número especial considerado objeto, y que ambos, a pesar de multiplicarse por el mismo texto son distintos</p>
</body>
</html>

79
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript operaciones matemáticas resto y concatenar strings Ejercicio CU01116E
« en: 20 de Abril 2017, 16:20 »
Hola. Os envio mi código para el ejercicio CU01116E del curso elemental de programación web desde cero.
 
Gracias a todos. Un saludo

Código: [Seleccionar]
<html>
    <head>
    <title>Curso JavaScript aprenderaprogramar.com</title>
<meta charset="utf-8">
        <script type="text/javascript">
     var num1, num2, resultado;
             function introNums() {
     num1=Number(prompt("Introduzca un primer número: "));
     num2=Number(prompt("Introduzca un segundo número: "));
}
function calcResto(){
     resultado=num1%5;
     alert("El resto de dividir "+num1+" entre 5 es "+resultado);
}
function calcDivision(){
     resultado=num1/num2;
     alert("El resultado de dividir "+num1+" entre "+num2+" es "+resultado);
}
function calcSuma(){
     resultado=num1+num2;
     alert("El resultado de sumar "+num1+" y "+num2+" es "+resultado);
}
        </script>
    </head>
    <body>
    <p onclick="introNums()">Introducción de números</p>
<p onclick="calcResto()">Calcular resto de la división de los dos números</p>
<p onclick="calcDivision()">Calcular la división entre los dos números</p>
<p onclick="calcSuma()">Calcular la suma entre los dos números</p>
</body>
</html>

80
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Java Números aleatorios juego apostar por cuál será número más grande CU00909C
« en: 25 de Marzo 2017, 23:15 »
Gracias Ogramar.
Lo tengo todo en cuenta. Nada más vuelva a java lo repasaré todo.
Un saludo.

Páginas: 1 2 3 [4] 5

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