Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Prácticas M3-Subm3

    Cargado por

    joaquinmedina5567
    2 vistas4 páginas

    Título original

    PRÁCTICAS M3-SUBM3 (1)

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    2 vistas4 páginas

    Prácticas M3-Subm3

    Cargado por

    joaquinmedina5567

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    1

    PRÁCTICAS M3-SUBM3

    HTML CON JAVASCRIPT

    Calculadora

    <!DOCTYPE html>
    <html lang="es">
    <head>
    </head>
    <body>
    <h1>Calculadora</h1>
    <input type="text" id="arg1" size="1"> X <input type="text" id="arg2" size="1">
    <input type="button" value="Calcular!" onclick="calc()">
    <div id="result"></div>
    <script type="text/javascript">
    function calc(){
    var argOne=document.getElementById('arg1').value;
    var argTwo=document.getElementById('arg2').value;
    var ans=(argOne*argTwo);
    document.getElementById('result').innerHTML=argOne + ' multiplicado por ' + argTwo + ' es igual a ' + ans;
    }
    </script>
    </body>
    </html>

    Dos formas de mostrar la fecha


    <!DOCTYPE html>
    <html lang="es">
    <head>
    2

    </head>
    <body>
    <h1>Dos formas de mostrar la fecha</h1>
    <script>
    var date=new Date();var d=date.getDate();var day=(d<10)?'0'+d:d;var m=date.getMonth()+1;var
    month=(m<10)?'0'+m:m;var yy=date.getYear();var
    year=(yy<1000)?yy+1900:yy;document.write(day+"/"+month+"/"+year);
    </script><br>
    <script>
    function makeArray(){for(i=0;i<makeArray.arguments.length;i++)this[i+1]=makeArray.arguments[i]}var
    months=new
    makeArray('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre'
    ,'Diciembre');var date=new Date();var day=date.getDate();var month=date.getMonth()+1;var
    yy=date.getYear();var year=(yy<1000)?yy+1900:yy;document.write("Hoy es "+day+ " de
    "+months[month]+" del "+year);
    </script>
    </body>
    </html>

    Botón huidizo
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <style>
    div.c2 {position:absolute; left:300px; top:300px; width:50px; height:50px;}
    div.c1 {position:absolute; left:350px; top:300px; width:50px; height:50px;}
    </style>
    </head>
    <body>
    <h1>Botón huidizo</h1>
    <script>
    3

    var flag=1;function
    t(){if(flag==1){N.style.top="75px";N.style.left="700px"}if(flag==2){N.style.top="115px";N.style.left="100px"}i
    f(flag==3){N.style.top="300px";N.style.left="350px"}flag=flag+1;if(flag==4){flag=1}}function
    al(){alert("Correcto!")}
    </script>
    NorfiPC es un sitio es muy interesante?
    <div id="N" class="c1">
    <form>
    <input type="button" value="NO" onmouseover="t()" />
    </form>
    </div>
    <div id="Y" class="c2">
    <form>
    <input type="button" value="SI" onclick="al()" />
    </form>
    </div>
    </body>
    </html>

    Mostrar coordenadas del ratón


    <!DOCTYPE html>
    <html lang="es">
    <head>
    </head>
    <body>
    <h1>Mostrar coordenadas del ratón</h1>
    <form name="Show">
    X <input type="text" name="MouseX" value="0" size="4"><br>
    Y <input type="text" name="MouseY" value="0" size="4"><br>
    </form>
    4

    <script>
    var IE = document.all?true:false;
    if (!IE) document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove = getMouseXY;
    var tempX = 0;
    var tempY = 0;
    function getMouseXY(e) {
    if (IE) {tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;}
    else {tempX = e.pageX;tempY = e.pageY;}
    if (tempX < 0){tempX = 0;}
    if (tempY < 0){tempY = 0;}
    document.Show.MouseX.value = tempX;
    document.Show.MouseY.value = tempY;
    return true;}
    </script>
    </body>
    </html>

    También podría gustarte