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
41
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript calcular tiempo pasado entre dos eventos o pulsaciones tecla CU01163E
« en: 20 de Junio 2017, 16:03 »
Hola a todos. Os paso mis códigos para los ejercicios de la entrega CU01163E del curso de desarrollo web con JavaScript desde cero.
Gracias
Un saludo.


Ejercicio 1:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">
    var nombre=prompt('Introduzca su nombre:');
    var tiempo1=Date.now();
    //alert(tiempo1+' milisegundos desde el 01/01/1970');

var pais=prompt('Introduzca su pais:');
var tiempo2=Date.now();
//alert(tiempo2+' milisegundos desde el 01/01/1970');

var difTiempos=(tiempo2-tiempo1)/1000/60;
alert('Han pasado '+difTiempos+' minutos entre su primera y segunda respuessta');
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
       
    </body>
</html>


Ejercicio2:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">
window.onload=function(){
    var f1=prompt('Introduzca una primera fecha (formato dd-mm-yyyy)');
    var f2=prompt('Introduzca una segunda fecha (formato dd-mm-yyyy)');
calcularTiempoEntreDosFechas(f1,f2);
}
function calcularTiempoEntreDosFechas(fecha1,fecha2){
var array1=fecha1.split('-');
var array2=fecha2.split('-');
var date1=new Date(array1[2],array1[1],array1[0]);
var date2=new Date(array2[2],array2[1],array2[0]);
            alert("Entre las 00:00 horas del primer día a las 00:00 del segundo hay "+(date2-date1)/(1000*60*60*24)+" días");
        }
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
       
    </body>
</html>

42
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Javascript Objeto Date. Ejercicio CU01162E
« en: 19 de Junio 2017, 17:14 »
Hola de nuevo. Había cometido un error en el código y lo paso nuevo ya rectifricad. Espero que solo sea uno.
Gracias
Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            div{width:400px; height:400px; border:2px solid black; margin:100px; margin-left:400px;}
table{width:300px; font-size:24px; text-align:center; margin:50px;}
        </style>
        <script type="text/javascript">   
            var meses=["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"];
            var dias=["lunes","martes","miercoles","jueves","viernes","sabado","domingo"];
function tituloCalendario(mes,ano){
    var titulo=document.getElementById('titulo');
titulo.innerHTML=meses[mes]+' DE '+ano;
}
function nombreDiasSemana(){
    var nodoFila0=document.getElementById('fila0');
for(var i=0;i<7;i++){
    var dia=nodoFila0.getElementsByTagName('th')[i];
dia.innerHTML=dias[i].toUpperCase().substring(0,2);
}
}
function calcularDiasMes(a){

                var diasMes=(Date.UTC(a.getFullYear(),a.getMonth()+1)-Date.UTC(a.getFullYear(),a.getMonth()))/1000/60/60/24;
return diasMes;
            }
function diaSemana(ano,mes){
    var diaUno=new Date(ano,mes,0);
var dia1=diaUno.getDay();
return dia1;
}
function agregarDias(hoy,diasMes,diaUno){
var tds=document.getElementsByTagName('td');
var cont=1;
for(var i=0;i<tds.length;i++){
    if (diaUno!=0){
                        tds[i].innerHTML = ' ' ;
                        diaUno--;
                    }else if (diaUno==0 && cont<=diasMes){
                        tds[i].innerHTML=cont;
                        if (hoy.getDate() == cont){
                            tds[i].style.color = 'blue';
                        }
                        cont++;             
                    }
}
            }         
window.onload=function(){    
var hoy=new Date();
var mesActual=hoy.getUTCMonth();
meses[mesActual]=meses[mesActual].toUpperCase();
var anoActual=hoy.getUTCFullYear();
tituloCalendario(mesActual,anoActual);
nombreDiasSemana();
var diasMes=calcularDiasMes(hoy);
var diaUno=diaSemana(anoActual,mesActual);
agregarDias(hoy,diasMes,diaUno);
}
        </script>
    </head>
    <body>
    <script type="text/javascript">
           
        </script>
        <h1>Calendario</h1>
<div id="calendario">
    <table>
                <caption id="titulo"></caption>
                <tr id="fila0"><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
                <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</div>
    </body>
</html>


43
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript cómo crear un calendario del mes Objeto Date. Ejercicio CU01162E
« en: 19 de Junio 2017, 09:54 »
Hola a todos. Os paso mi código del ejercicio CU01162E del curso de desarrollo web desde cero con JavaScript. Gracias. Un saludo.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            div{width:400px; height:400px; border:2px solid black; margin:100px; margin-left:400px;}
table{width:300px; font-size:24px; text-align:center; margin:50px;}
        </style>
        <script type="text/javascript">   
            var meses=["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"];
            var dias=["lunes","martes","miercoles","jueves","viernes","sabado","domingo"];
function tituloCalendario(mes,ano){
    var titulo=document.getElementById('titulo');
titulo.innerHTML=meses[mes]+' DE '+ano;
}
function nombreDiasSemana(){
    var nodoFila0=document.getElementById('fila0');
for(var i=0;i<7;i++){
    var dia=nodoFila0.getElementsByTagName('th')[i];
dia.innerHTML=dias[i].toUpperCase().substring(0,2);
}
}
function calcularDiasMes(ano,mes){
var a=new Date();
                var diasMes=(Date.UTC(a.getFullYear(),a.getMonth()+1)-Date.UTC(a.getFullYear(),a.getMonth()))/1000/60/60/24;
return diasMes;
            }
function diaSemana(ano,mes){
    var diaUno=new Date(ano,mes,0);
var dia1=diaUno.getDay();
return dia1;
}
function agregarDias(hoy,diasMes,diaUno){
var tds=document.getElementsByTagName('td');
var cont=1;
for(var i=0;i<tds.length;i++){
    if (diaUno!=0){
                        tds[i].innerHTML = ' ' ;
                        diaUno--;
                    }else if (diaUno==0 && cont<=diasMes){
                        tds[i].innerHTML=cont;
                        if (hoy.getDate() == cont){
                            tds[i].style.color = 'blue';
                        }
                        cont++;             
                    }
}
            }         
window.onload=function(){    
var hoy=new Date();
var mesActual=hoy.getUTCMonth();
meses[mesActual]=meses[mesActual].toUpperCase();
var anoActual=hoy.getUTCFullYear();
tituloCalendario(mesActual,anoActual);
nombreDiasSemana();
var diasMes=calcularDiasMes(anoActual,mesActual);
var diaUno=diaSemana(anoActual,mesActual);
agregarDias(hoy,diasMes,diaUno);
}
        </script>
    </head>
    <body>
    <script type="text/javascript">
           
        </script>
        <h1>Calendario</h1>
<div id="calendario">
    <table>
                <caption id="titulo"></caption>
                <tr id="fila0"><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
                <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</div>
    </body>
</html>

44
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript mover con el cursor elementos Eventos de teclado Ejercicio CU01161E#
« en: 17 de Junio 2017, 11:49 »
Hola a todos. Os paso mi código para el ejercicio CU01161E del tutorial de desarrollo web desde cero con JavaScript. Gracias. Un saludo

Ejercicio 1

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            #central{width:400px; height:400px; border:2px solid black; margin:100px; margin-left:400px; font-size:250px; text-align:center;}

        </style>
        <script type="text/javascript"> 
            window.onload=function(){
    document.onkeypress=mostrarInfoCharacter;
}
function mostrarInfoCharacter(e){
    var character=String.fromCharCode(e.which);
//var nodoDiv=document.getElementById('central');
//nodoDiv.innerHTML='<p>'+character+'</p>';
central.innerHTML=character;   
}
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <h1>Pulsa una tecla</h1>
<div id="central"></div>
    </body>
</html>


Ejercicio 2

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            div{width:300px; height:300px; border:2px solid black; background-color:yellow; margin:200px; position:absolute;}
        </style>
        <script type="text/javascript">
            window.onload=function(){
                document.onkeyup=determinarTeclaPulsada;
            }
                function determinarTeclaPulsada(event){   
        var teclaPulsada=event.keyCode;
moverElemento(teclaPulsada);     
} 
    function moverElemento(tecla){
    var nodoDiv=document.getElementById('central');
var posTop=nodoDiv.offsetTop;
var posLeft=nodoDiv.offsetLeft;
        switch(tecla){
        case 37:
            nodoDiv.style.left=posLeft-220+'px';
break;
        case 38:
    nodoDiv.style.top=posTop-220+'px';
break;
        case 39:  
    nodoDiv.style.left=posLeft-180+'px';
break;
        case 40:  
    nodoDiv.style.top=posTop-180+'px';
break;
default:
    alert('Has pulsado una tecla incorrecta, debes pulsar las flechas del cursor');
}
    }
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <h1>Pulsa una flecha</h1>
<div id="central"></div>
    </body>
</html>

45
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript Objeto Event y calcular coordenadas del mouse sobre pantalla CU01160E
« en: 15 de Junio 2017, 16:30 »
Hola a todos. Así es una buena forma de aprender. Os dejo mi código de respuesta al ejercicio CU01160E del curso de fundamentos de programación web con JavaScript usando Notepad++ como editor. Gracias.

Un saludo.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            #espacio{width: 500px; height: 400px; border: 1px solid black; background-color: yellow;}
        </style>
        <script type="text/javascript">
            function infoPosition(elEvento){
                var evento = elEvento || window.event;//obtener objeto event para diversos navegadores
    var ventanaX=evento.clientX; //coordenadas de la ventana
                var ventanaY=evento.clientY;
    var posX=ventanaX-8;
    var posY=ventanaY-80;
var nodoPosition=document.getElementById('position');
nodoPosition.innerHTML='Posición x: '+posX+' - Posición y: '+posY;

}
/*window.onload=function(){
   document.getElementById('espacio').onmouseover=infoPosition(event);
            }*/    
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <h1 id="position">Posición x: - Posición y:</h1>
<div id="espacio" onmousemove="infoPosition(event)";></div>
    </body>
</html>

46
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Manejador control eventos addEventListener concepto bubbling CU01158E
« en: 13 de Junio 2017, 17:36 »
Hola a todos. Os paso mi código del ejercicio resuelto CU01158E del tutorial de fundamentos de programación web con JavaScript usando Notepad++ como editor.

Gracias. Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">   
            window.onload=function(){    
    var nodoGeneral=document.querySelectorAll('p,div');    
for(var i=0;i<nodoGeneral.length;i++){
    nodoGeneral[i].addEventListener('click',estado);
}
document.addEventListener('click',estado);
window.addEventListener('click',estado);

    function estado(){
        alert('Soy un nodo tipo '+this.nodeName+' y estoy burbujeando');
}
}
        </script>
    </head>
    <body>
        <div id="principal" >
    <div id="secundario">
    <div id="terciario">
    <p>Ejemplo de bubbling</p>
</div>
</div>
</div> 
    </body>
</html>

47
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:JavaScript Eventos, event handler. Ejercicio CU01157E
« en: 13 de Junio 2017, 13:57 »
Hola. Estoy repasando los eventos y rectifico el ejrcicio anterior.
Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
    <title>Portal web - aprenderaprogramar.com</title>
        <meta name="description" content="Portal web aprenderaprogramar.com">
        <meta name="keywords" content="aprender, programar, cursos, libros"><meta charset="utf-8">
<script type="text/javascript"> 
    window.onload=function(){
function cambiarColorText(){
    this.style.color='orange';
}
function restaurarColorText(){
    this.style.color='brown';
}
function cambiarColorFondo(){
    this.style.backgroundColor='yellow';
}
function restaurarColorFondo(){
    this.style.backgroundColor='';
}
var nodoH=document.querySelectorAll('h1,h3');
for (var i=0; i<nodoH.length; i++){
    nodoH[i].onmouseover=cambiarColorText;
nodoH[i].onmouseout=restaurarColorText;
}
var nodoP=document.getElementsByTagName('p');
for (var i=0; i<nodoP.length; i++){
    nodoP[i].onmouseover=cambiarColorFondo;
nodoP[i].onmouseout=restaurarColorFondo;
}
}
</script>
    </head>
    <body>
    <p><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
        <h1>Novedades</h1>
        <p>Aquí presentamos las novedades del sitio.</p>
        <h3>Lanzamos el producto X-FASHION</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>
        <h3>Mejoramos el producto T-MOTION</h3>
        <p>Hemos lanzado una nueva versión del producto T-MOTION</p>
        <p><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
    </body>
</html>

48
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript validar campos de formulario dinámicamente Lista de eventos CU01159E
« en: 11 de Junio 2017, 16:10 »
Hola a todos. Os paso los códigos de mis dos ejercicios de la entrega CU01159E del curso de fundamentos de desarrollo web con JavaScript usando Notepad++ como editor.

Gracias. Un saludo.


Ejercicio 1

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">   
            window.onload=function(){
                document.getElementById('imagen').addEventListener('mouseover',reemplazarImagen);
document.getElementById('imagen').addEventListener('mouseout',recuperarImagen);
   
                function reemplazarImagen(){
                    this.src="http://i.imgur.com/SpZyc.png";
    this.title="Imagen del producto tmotion";
    this.alt="imagen producto t-motion";
                }
                function recuperarImagen(){
        this.src="http://i.imgur.com/tq5Bs.png";
    this.title="Imagen del producto xfashion";
    this.alt="imagen producto x-fashion";
                }
            }
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <h1>La web para aprender programación</h1>
<p></p>
<p></p>
<img id="imagen" src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto xfashiion" alt="imagen producto x-fashion" />
    </body>
</html>


Ejercicio 2

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
            body {background-color:  #fef5e7 ; font-family: sans-serif;}
            label {color: maroon; display:block; padding:5px;}
        </style>
        <script type="text/javascript">   
            window.onload=function(){
    var nodoInput=document.getElementsByTagName('input');
for(var i=0;i<nodoInput.length;i++){
    nodoInput[i].addEventListener('focus',restaurar);
nodoInput[i].addEventListener('blur',perderFoco);
}
function restaurar(){
    this.style.backgroundColor='skyblue';this.nextSibling.textContent='';
this.style.color='blue';
}
function perderFoco(){
    this.style.backgroundColor='yellow';
this.style.color='pink';
}
}
            function cambiarInput(nodo){
    nodo.style.backgroundColor='red';nodo.nextSibling.textContent='dato erróneo,corríjalo';
nodo.style.color='yellow';
}
    function validar(){
    var nodoNombre=document.getElementById('nombre');
var nodoEdad=document.getElementById('edad');
var nodoCorreo=document.getElementById('email');
if(!comprobarNombre(nodoNombre.value)){
    cambiarInput(nodoNombre);
return false;
                }else if(!comprobarEdad(nodoEdad.value)){
cambiarInput(nodoEdad);
return false;
}else if(!comprobarCorreo(nodoCorreo.value)){
cambiarInput(nodoCorreo);
return false;
}else{
    return true;
}
}
function comprobarNombre(nombre){ 
    var pattern1=/\w{3,}/;
//var pattern1=/^\s+$/;
if(!pattern1.test(nombre)){
    return false;
                }else {
    return true;
}
}
function comprobarEdad(edad){             
if(edad<=0){
    return false;
}else {
    return true;
}
}
function comprobarCorreo(correoE){    
    var pattern1=/^\s+$/;
    var pattern2=/[@]/;
                var pattern3=/[\.]/;
var pattern4=/[a-z]@[a-z]/;
var pattern5=/\.[a-z]+$/;
                if(!pattern1.test(correoE) && pattern2.test(correoE) && pattern3.test(correoE) && pattern4.test(correoE) && pattern5.test(correoE)){
return true;
                }else{
    return false;
}
}
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <h1>La web para aprender programación</h1>
<p></p>
<p></p>
<div style="width:800px;">
<form id="form1" name ="formularioContacto" class="formularioTipo1" method="get" action="#" onsubmit=" return validar()">
            <label for="nombre"><span>Nombre:</span> <input id="nombre" type="text" name="nombre" placeholder="Introduzca su nombre" size="60" /><span></span></label>
            <label for="apellidos"><span>Apellidos:</span> <input id="apellidos" type="text" name="apellidos" placeholder="Introduzca sus apellidos" size="60" /><span></span></label>
            <label for="edad"><span>Edad:</span> <input id="edad" type="text" name="edad" placeholder="Introduzca su edad" size="60" /><span></span></label>
<label for="email"><span>Correo electrónico:</span> <input id="email" type="text" name="email" placeholder="Introduzca su correo electrónico" size="60px" /><span></span></label>
            <label>
<input type="submit" value="Enviar" >
                <input type="reset" value="Cancelar">
            </label>
        </form>
</div>
    </body>
</html>

    <!--<script type="text/javascript" language="JavaScript">
    function comprueba(obj) {
        if (obj.value=='') {
            if ((document.all)||(document.getElementById)) {
                obj.style.backgroundColor = '#999999';
            }
        } else {
            if ((document.all)||(document.getElementById)) {
                obj.style.backgroundColor = '#FFFFFF';
            }
        }
    }
    </script>
    <form action="">
      <input size="30"
        onclick="comprueba(this)"
        onfocus="comprueba(this)"
        onblur="comprueba(this)"
        onchange="comprueba(this)"
        value="Elimina el contenido para cambiar color">
    </form>-->

49
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript usar expresiones regulares para validar formulario HTML CU01155E
« en: 09 de Junio 2017, 14:26 »
Hola a todos. Os paso mi código del ejercicio CU01155E del tutorial de fundamentos de desarrollo web con JavaScript usando Notepad++ como editor.

Gracias. Un saludo.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.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 contador=0;
            function validacionConExpReg(){
    var nodoNombre=document.getElementById('nombre');
var nodoApellidos=document.getElementById('apellidos');
var nodoEmail=document.getElementById('email');
comprobarNombre(nodoNombre.value);
//comprobarApellidos(nodoApellidos.value);
transformarEmailAMinusculas(nodoEmail.value);
transformarAtEnEmail(nodoEmail.value);
comprobarEmail(nodoEmail.value);

    //document.getElementById('email').value=email;
            }
            function comprobarNombre(nombre){
    var regexp=/^[A-Za-z]{3,}$/;
if(!regexp.test(nombre)){
alert('Nombre no válido, vuelva a introducirlo');
}else{contador++;}
}
function comprobarApellidos(apellidos){
    var regexp=/^(\w+)\s(\w+)$/;
if(!regexp.test(apellidos)){
alert('Apellidos no válidos, vuelva a introducirlos');
}else{contador++;}
}
            function transformarEmailAMinusculas(email){
    return email.toLowerCase();
}
function rectificarAtEnEmail(email){
                return email.replace(/at/g,'@');
            }
            function comprobarEmail(email){
    var regExp1= /[@]/;
                var regExp2= /[\.]/;
if(!regExp1.test(email) || !regExp2.test(email)){
if(!regExp1.test(email) && !regExp2.test(email)){
alert('Faltan los símbolos @ y . en el correo electrónico');
}else if(!regExp1.test(email) && regExp2.test(email)){
alert('Falta el símbolo @ en el correo electrónico');
}else{
alert('Falta el símbolo . en el correo electrónico');
}
}
}
           
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <div style="width:450px;">
            <form name ="formularioContacto" class="formularioTipo1" method="get"  onsubmit="validacionConExpReg()">
                <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>

50
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Eventos onmouseover y onmouseout event handler control ratón CU01157E
« en: 07 de Junio 2017, 16:31 »
Hola a todos. Os dejo mi código del ejercicio CU01157E del curso básico de programación web con JavaScript usando Notepad++ como editor.

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>Portal web - aprenderaprogramar.com</title>
        <meta name="description" content="Portal web aprenderaprogramar.com">
        <meta name="keywords" content="aprender, programar, cursos, libros"><meta charset="utf-8">
    <script type="text/javascript">   
            function colorText(elemento,c){
   elemento.style.color=c;
   
}
function colorFondo(elemento,c){
    elemento.style.backgroundColor=c;
}


        </script>
    </head>
    <body>
    <p onmouseover="colorFondo(this,'yellow')" onmouseout="colorFondo(this,'#FFFFFF')"><a href="principal.html" title="Página principal" >Ir a la pagina principal</a></p>
        <h1 onmouseover="colorText(this,'#FF9900')" onmouseout="colorText(this,'#993333')">Novedades</h1>
        <p style="display:inline-block;" onmouseover="colorFondo(this,'yellow')" onmouseout="colorFondo(this,'#FFFFFF')">Aquí presentamos las novedades del sitio.</p>
        <h3 onmouseover="colorText(this,'#FF9900')" onmouseout="colorText(this,'#993333')">Lanzamos el producto X-FASHION</h3>
        <p style="display:inline-block;" onmouseover="colorFondo(this,'yellow')" onmouseout="colorFondo(this,'#FFFFFF')">Este producto permite estirar la piel hasta dejarla como la de un bebé.</p>
        <p onmouseover="colorFondo(this,'yellow')" onmouseout="colorFondo(this,'#FFFFFF')"><img src="http://i.imgur.com/tq5Bs.png" title="Imagen del producto" alt="imagen producto x-fashion" /></p>
        <h3 onmouseover="colorText(this,'#FF9900')" onmouseout="colorText(this,'#993333')">Mejoramos el producto T-MOTION</h3>
        <p style="display:inline-block;" onmouseover="colorFondo(this,'yellow')" onmouseout="colorFondo(this,'#FFFFFF')">Hemos lanzado una nueva versión del producto T-MOTION</p>
        <p onmouseover="colorFondo(this,'yellow')" onmouseout="colorFondo(this,'#FFFFFF')"><img src="http://i.imgur.com/SpZyc.png" title="Imagen del proudcto tmotion" alt="imagen producto tmotion" /></p>
    </body>
</html>

51
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Acceso al texto del nodo con textContent getElementById CU01136E
« en: 06 de Junio 2017, 09:47 »
Hoa a todos. Os dejo mi código para el ejercicio CU01136E del curso básico de desarrollo web con JavaScript usando Notepad++ como editor.

Gracias. Un saludo.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">

        <script type="text/javascript">
            var nums=new Array(5);
var resultados=[];
            var msg='Multiplicamos por tres los números introducidos: ';
var nodoDiv=document.getElementById('vacio');
var i=0;
            function gestionProceso(){
    introDatos();
    multiplicarPorTres(nums);
        mostrarResultados(msg,nodoDiv);

}
function introDatos(){
    for(i=0;i<nums.length;i++){
        var num=prompt('Introduzca el número '+(i+1)+': ');
    nums[i]=Number(num);
    }
}
function multiplicarPorTres(array){
    for(i=0;i<array.length;i++){
        resultados[i]=array[i]*3;
msg=msg+array[i]+'*3= '+resultados[i]+', ';
}
alert(msg);
}
function mostrarResultados(mensaje,nodo){
    nodo.textContent=mensaje;
}

        </script>
    </head>
    <body>
 
<h1>Ejercicio curso aprenderaprogramar.com</h1>
<div id="vacio">
   
</div>
        <div style="color:blue;" id ="pulsador" onclick="gestionProceso()"> Probar </div>
    </body>
</html>

52
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Convertir String a Number parseInt o Float expresion regular CU01156E
« en: 02 de Junio 2017, 22:44 »
Hola a todos. Os paso mi código del ejercicio CU01156E del manual de fundamentos de desarrollo web con JavaScript usando Notepad++ como editor.

Gracias

Un saludo.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">
            var num=0;
            function ejemplo(){
    mostrarNum();
}
function ejemplo2(){
    mostrarNum2();
}
function ejemplo3(){
    mostrarNum3();
}
function mostrarNum(){
    num=prompt('Introduzca un número superior a 10 millones');
num=Number(num);
if(num<10000000){
    alert('El número introducido no es correcto. Debe ser superior a 10 millones. \n Vuelva a introducirlo');
borrar();
mostrarNum();
}else{
    alert('Dicho número con tres dígitos significativos es: '+num.toPrecision(3));
    }
}
function mostrarNum2(){
    num=prompt('Introduzca un número con 4 decimales');
num=Number(num);
var pattern=/^[0-9]{1,}.{1}[0-9]{4}$/;
if(!(pattern.test(num))){
    alert('El número introducido no es correcto. Debe tener 4 decimales. \n Vuelva a introducirlo');
borrar();
mostrarNum2();
}else{
    alert('Dicho número redondeado a 2 decimales es: '+num.toFixed(2));
    }
}
function mostrarNum3(){
    num=prompt('Introduzca una frase que comienze con un número, bien entero o bien decimal');

var pattern=/^[+|-]?\d+(\.\d+)?\s\w+\s+/;
if(!(pattern.test(num))){
    alert('El texto introducido no es correcto. Debe empezar por número seguido de una frase. \n Vuelva a introducirlo');
borrar();
mostrarNum3();
}else{
    alert('Dicho número es: '+parseFloat(num));
    }
}
function borrar(){
    num.value='';
}
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <div style="color:blue; font-size:36px; margin:10px;" id ="pulsador" onclick="ejemplo()"> Probar </div>
        <div style="color:blue; font-size:36px; margin:10px;" id ="pulsador" onclick="ejemplo2()"> Probar 2 </div>
        <div style="color:blue; font-size:36px; margin:10px;" id ="pulsador" onclick="ejemplo3()"> Probar 3 </div>
    </body>
</html>

53
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Expresiones regulares RegEx definir patrones coincidencia CU01154E
« en: 31 de Mayo 2017, 22:50 »
Hola a todos. Os paso mi código del ejercicio CU01154E del tutorial de programación web con JavaScript desde cero usando Notepad++ como editor.

Gracias. Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">   
            function ejemplo(){
    var miExpReg= /^[A-C]\w+\ses\s\w+/
var msg='';
var array=['Juan es guapo','Adriano no es feo','Adriano deja de ser guapo','Adriano ya es guapo','No es ahora','Ahora es no','Adriano es guapo'];
for(var i=0;i<array.length;i++){
    if(miExpReg.test(array[i])){
   alert(array[i]+' hacen match con la expresión regular y la parte o partes que hacen match son: '+array[i].match(miExpReg));
}else{
alert(array[i]+' No hacen match con la expresión regular');
}
}
}
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <div style="color:blue;" id ="pulsador" onclick="ejemplo()"> Probar </div>
    </body>
</html>

54
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript cómo ordenar alfabéticamente sin tener en cuenta mayúsculas CU01153E
« en: 29 de Mayo 2017, 00:42 »
Hola a todos. Os paso mi código de la entrega CU01153E del manual básico de desarrollo web con JavaScript usando Notepad++ como editor en un solo ejercicio.

Gracias. Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">
function ejemplo(){
    var array1=[33,2,36,55,4,1];
var msg ='El array original es: ' + array1 +'\n';
var deMenorAMayor=array1.sort(function(elem1,elem2){return elem1-elem2;});
msg = msg + 'Ordenado de menor a mayor es ' + deMenorAMayor +'\n';
var deMayorAMenor=array1.sort(function(elem1,elem2){return elem2-elem1;});
msg = msg + 'Ordenado de mayor a menor es ' + deMayorAMenor +'\n';
                alert(msg);
}
function ejemplo2(){
    var array2=['Moto', 'soto', 'Abaco', 'abeja', 'Sapo', 'nieve', 'Zumba', 'barco'];
var alfabetMayMin=array2.sort();
var msg='Palabras ordenadas alfabéticamente, primero mayúsculas y después minúsculas: '+alfabetMayMin+'\n';
var alreves=array2.sort(function(a,b){return a-b;});
var msg=msg+'Palabras ordenadas alfabéticamente: '+alreves+'\n';
var alfabetica=array2.sort(function(a,b){return a.localeCompare(b);});
var msg=msg+'Palabras ordenadas alfabéticamente: '+alfabetica+'\n';
alert(msg);
}
        </script>
    </head>
    <body>
        <div style="color:blue; font-size: 32px; margin:20px;" id ="pulsador" onclick="ejemplo()"> Probar </div>
<div style="color:blue; font-size: 32px; margin: 20px;" id ="pulsador" onclick="ejemplo2()"> Probar2 </div>
    </body>
</html>

55
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Condicional ternario cómo se interpreta traduce a if normal CU01152E
« en: 28 de Mayo 2017, 19:05 »
Hola a todos. Dejo mis respuestas y mi código para el ejercico CU01152E del curso fundamental de aprendizaje de programación web con JavaScript usando Notepad++ como editor.

Gracias. Un saludo.

Respuestas:
a)   colorUsuario se suma a htmlADevolver, con lo que la variable htmlDevolver que equivalía a texto vacio ahora equivale al colorUsuario introducido

b)   devolviendo un array, primer elemento del body devuelto

c)   Si dejamos la respuesta en blanco sin introducir color se da la segunda respuesta del condicional ternario porque equivale a false

d)   Que acepta cualquier tipo de color lo cual viene determinado por background-color

e) y f)

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">
       <script type="text/javascript">
            function ejemplo() {
                var htmlADevolver = '';
                var colorUsuario = prompt('Elija color red, yellow o blue');
                htmlADevolver=colorUsuario=='red'|| colorUsuario=='yellow'|| colorUsuario=='blue' ? '<h1 style="background-color:'+colorUsuario+';"> Usted eligió '+colorUsuario+'</h1>' : '<h1>No eligió color o el color no es válido</h1>';
                var nodoBody = document.getElementsByTagName('body')[0];
                nodoBody.innerHTML = nodoBody.innerHTML + htmlADevolver;
            }
function ejemplo2(){
                var htmlADevolver = '';
                var colorUsuario = prompt('Elija color red, yellow o blue');
if(colorUsuario=='red' ||colorUsuario=='yellow' ||colorUsuario=='blue'){
                    htmlADevolver= '<h1 style="background-color:'+colorUsuario+';"> Usted eligió '+colorUsuario+'</h1>';
}else{
htmlADevolver= '<h1>No eligió color o el color no es válido</h1>';
}
                var nodoBody = document.getElementsByTagName('body')[0];
                nodoBody.innerHTML = nodoBody.innerHTML + htmlADevolver;
            }
        </script>
    </head>
    <body>
    <div id="cabecera">
       <h2>Cursos aprenderaprogramar.com</h2>
   <h3>Ejemplos JavaScript</h3>
</div>
        <div style="color:blue;" id ="pulsador" onclick="ejemplo()"> Probar </div>
<div style="color:blue;" id ="pulsador" onclick="ejemplo2()"> Probar2 </div>
    </body>
</html>

56
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Herencia en cadena prototype usar call this ejemplo código CU01150E
« en: 27 de Mayo 2017, 15:13 »
Hola a todos. Os paso mis códigos para el ejercicio CU01150E del curso básico de programación JavaScript con Notepad++ como editor.

Gracias. Un saludo

Ejercicio 1

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript"> 
           
            function Persona(nombre,nacionalidad){
    this.nombre=nombre;
this.nacionalidad=nacionalidad;
}
Persona.prototype.mostrarNacionalidad=function(){
alert('Nacionalidad: '+this.nacionalidad);
}

function Medico(centroMedico,nombre,nacionalidad){//Importa el orden
    Persona.call(this,nombre,nacionalidad);
    this.centroMedico=centroMedico;
}
Medico.prototype=new Persona();
function MedicoEspecialista(especialidad,centroMedico,nombre,nacionalidad){//Importa el orden
    Medico.call(this,centroMedico,nombre,nacionalidad);
    this.especialidad=especialidad;
}
MedicoEspecialista.prototype=new Medico();
function ejemploObjetos(){
    var urologo=new MedicoEspecialista('Urología','Teknon','Juan','española');
var msg='Nombre: '+urologo.nombre+'\n';
msg=msg+'Centro Médico: '+urologo.centroMedico+'\n';
msg=msg+'Especialidad: '+urologo.especialidad;
urologo.mostrarNacionalidad();
alert(msg);
}
        </script>
    </head>
    <body>
        <div style="color:blue;" id ="pulsador" onclick="ejemploObjetos()"> Probar </div>
    </body>
</html>


Ejercicio 2

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">   
            function Persona (nombre) {
    this.nombre = nombre || 'nombre desconocido';
this.saludar=function() {
        alert ('Hola, soy ' + this.nombre);
    }   
            }

            Persona.prototype.definicion = 'Ser humano';
            function Profesor (institucionAcademica,nombre) {
    Persona.call(this,nombre);
    this.institucionAcademica = institucionAcademica || 'Institución desconocida';
}
            Profesor.prototype = new Persona();
            function ProfesorInterino(mesesContrato,institucionAcademica,nombre) {
    Profesor.call(this,institucionAcademica,nombre);
    this.mesesContrato = 0 || mesesContrato;
}
            ProfesorInterino.prototype = new Profesor();
            function ProfesorTitular(anosTrabajados,institucionAcademica,nombre) {
    Profesor.call(this,institucionAcademica,nombre);
    this.anosTrabajados = 0 || anosTrabajados;
}
            ProfesorTitular.prototype = new Profesor();
            function ejemploObjetos() {
                var profesorTitular1 = new ProfesorTitular(8,'Universidad de León','Juan');
var msg='Profesor titular de nombre '+profesorTitular1.nombre+'\n';
                msg=msg+'Institución académica: '+profesorTitular1.institucionAcademica+'\n';
                msg=msg+'Años trabajados: '+profesorTitular1.anosTrabajados+'\n';
                msg=msg+'Definición de profesor titular: '+profesorTitular1.definicion;
                alert(msg);
                //saludar.call(profesorTitular1);
profesorTitular1.saludar();
            }
        </script>
    </head>
    <body>
          <div style="color:blue;" id ="pulsador" onclick="ejemploObjetos()"> Probar </div>
    </body>
</html>

57
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / ReferenceError: x is not defined JavaScript Herencia y Prototype CU01149E
« en: 24 de Mayo 2017, 20:06 »
Hola a todos. Os paso mi código para el ejercicio CU01149E del manual de programación con JavaScript y editor Notepad++, quizás un poco diferente.

Üna pregunta/duda. Si descomento     //this.valorCalorico=valorCalorico;

no me funciona       tomate1.movilidad

¿Por qué, si no tiene nada que ver? No entiendo nada.

Gracias. Un saludo.

Código: [Seleccionar]
    <!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">   
            function Vegetal(){}
Vegetal.prototype.movilidad='Ser vivo sin movilidad';
function PlantaCultivada(){
    this.nombreCientifico='desconocido';
}
PlantaCultivada.prototype=new Vegetal();
function Hortaliza(){
    this.tipoHortaliza='indefinido';
//this.valorCalorico=valorCalorico;
}
Hortaliza.prototype=new PlantaCultivada();
Hortaliza.prototype.componente='Agua';
function Zanahoria(){}
Zanahoria.prototype=new Hortaliza();
Zanahoria.prototype.valorCalorico=45;
function Lechuga(){}
Lechuga.prototype=new Hortaliza();
Lechuga.prototype.valorCalorico=31;
function Tomate(){}
Tomate.prototype=new Hortaliza();
Tomate.prototype.valorCalorico=39;

function ejemploObjetos(){
    var tomate1=new Tomate();
tomate1.nombreCientifico='tomateCasero';
var msg=tomate1.nombreCientifico+' tiene la propiedad movilidad: '+tomate1.movilidad+' y de valorCalorico '+tomate1.valorCalorico;
alert(msg);
}
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
        <div style="color:blue;" id ="pulsador" onclick="ejemploObjetos()"> Probar </div>
    </body>
</html>

58
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Propiedades y métodos estáticos trabajar con clases- objeto CU01148E#
« en: 24 de Mayo 2017, 06:37 »
Hola a todos. Os adjunto mi código del ejercicio CU01148E del tutorial JavaScript desde cero usando Notepad++ como editor. Gracias. Un saludo.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicios aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">
    var msg='';
            function Meteorito(d,t,n){
     this.diametro=d;
                 this.temperatura=t;
this.nombre=n;
//Propiedad estática
Meteorito.definicionSegunDiccionario='es un meteoroide que alcanza la superficie de un planeta debido a que no se desintegra por completo en la atmósfera.';
Meteorito.obtenerRadio=function(x){//Método estático
    return x/2;
}
Meteorito.obtenerTemperaturaFarenheit=function(grados){//Método estático   
    grados=(grados*1.8)+32;
return grados;
}
}


function ejemploObjetos(){
    var meteorito1=new Meteorito(975,-20,'Atenea');
msg=meteorito1.nombre+' '+Meteorito.definicionSegunDiccionario+'\n';
msg=msg+'Radio: '+Meteorito.obtenerRadio(meteorito1.diametro)+' m².\n';
msg=msg+'Superficie: '+Math.PI*Meteorito.obtenerRadio(meteorito1.diametro)*Meteorito.obtenerRadio(meteorito1.diametro)+' m².\n';
msg=msg+'Temperatura Celsius: '+meteorito1.temperatura+'ºC equivalente a '+Meteorito.obtenerTemperaturaFarenheit(meteorito1.temperatura)+'ºF';
alert(msg);
}
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
            <div style="color:blue;" id ="pulsador" onclick="ejemploObjetos()"> Probar </div>
    </body>
</html>

59
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript Prototype definir propiedades estáticas o comunes a objetos CU01147E
« en: 23 de Mayo 2017, 14:25 »
Hola a todos. Os paso mi código para el ejercicio CU01147E del curso de fundamentos de programación JavaScript con editor Notepad++.

Gracias, un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  tutorialesprogramacionya.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript"> 
            function cometa(diametro,celsiusTemp,nombre){
    this.diametro=diametro;
this.celsiusTemp=celsiusTemp;
this.nombre=nombre;
var farenheitTemp=0;
this.farenheitTemp=farenheitTemp;
}
cometa.prototype.definicionSegunDiccionario='Diccionario';
cometa.prototype.obtenerRadio=function(){
    return this.diametro/2;
}
cometa.prototype.obtenerTemperaturaFarenheit=function(){
    this.farenheitTemp=(this.celsiusTemp*1.8)+32;
    return this.farenheitTemp;
//return (this.celsiusTemp*1.8)+32;
}
function ejemploObjetos(){
    var cometa1=new cometa(30,-25,'Dylan');
var cometa2=new cometa(5,-15,'Aero');
var cometa3=new cometa(14,-32,'Julius');
var cometas=[cometa1,cometa2,cometa3];
for(var i=0;i<cometas.length;i++){
    alert(cometas[i].nombre+' es un cometa según '+cometas[i].definicionSegunDiccionario+', de radio: '+
cometas[i].obtenerRadio()+' y temperatura: '+cometas[i].obtenerTemperaturaFarenheit()+' grados Farenheit');
}
}
        </script>
    </head>
    <body>
    <script type="text/javascript">   
           
        </script>
       <div style="color:blue;" id ="pulsador" onclick="ejemploObjetos()"> Probar </div>
    </body>
</html>

60
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript defineProperty Añadir propiedades y funciones a objetos CU01145E
« en: 22 de Mayo 2017, 14:29 »
Hola a todos. Mi respuesta al ejercicio CU01145E del manual de programación web con JavaScript usando Notepad++ como editor.

Hay dos funciones despedir, o sea, que tienen el mismo nombre. No hay conflictosentre ellas, como se puede ver en el código. Una está definida y asignada al objeto y la otra, no.

Y con respecto a si son lo mismo función que método, parece que sí, según las pruebas del temario y ejercicios del foro. Por lo tanto, es lo  mismo llamar función que método.
Dejo estos dos enunciados así, mientras nadie me diga lo contrario.

Os adjunto mi código.

Gracias. Un saludo.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  tutorialesprogramacionya.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">   
            var GestionDeUsuarios={};
Object.defineProperty(GestionDeUsuarios,'nombre',{value:'', writable:true, enumerable:true, configurable:true});
Object.defineProperty(GestionDeUsuarios,'id',{value:0, writable:true, enumerable:true, configurable:true});
GestionDeUsuarios.preguntarNombre=function(){
    var usuario=prompt('Introduzca nombre de usuario');
                var id=prompt('Introduzca su id');
                GestionDeUsuarios.nombreUsuario=usuario;
                GestionDeUsuarios.idUsuario=id;
            }
            GestionDeUsuarios.despedir = function(){
alert('(Desde método despedir)...Hasta luego ' + GestionDeUsuarios.nombreUsuario);
}
            function despedir(){
                alert('(Desde función despedir)...Hasta luego ' + GestionDeUsuarios.nombreUsuario);
            }
function testObjetos() {
    GestionDeUsuarios.preguntarNombre();
GestionDeUsuarios.despedir();
alert ('Tenemos un objeto GestionDeUsuarios con propiedades nombre: '+GestionDeUsuarios.nombreUsuario + ' e id: '+GestionDeUsuarios.idUsuario);
despedir();
}

        </script>
    </head>
    <body>
        <div style="color:blue;" id ="pulsador" onclick="testObjetos()"> Probar </div>   
    </body>
</html>

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