Mis cursos: boton

Mostrando entradas con la etiqueta boton. Mostrar todas las entradas

martes, 21 de marzo de 2017

Formulario que pide datos y tiene botones de enviar, borrar y restablecer

<!DOCTYPE>
<html lang='es'>
        <head>
            <title>Formulario</title>
                <meta charset='UTF-8'/>
                <meta name='description' content='Página web'>
                <meta name='keywords' content=',javascript, ejemplo, html'>
                <script type="text/javascript">
                </script>
        </head>
            <body>

            <form action="" method="get">
            D.N.I............:<input type="text" name="dni"/></br>
            Nombre...........:<input type="text" name="apellido"/></br>
            Dirección........:<input type="text" name="dirección"/></br>
            Población........:<input type="text" name="pobalción"/></br>
            Provincia........:<input type="text" name="provincia"/></br>
            Código Postal....:<input type="text" name="codigo_postal"/></br>
                                   <input type="reset" value="Restablecer"/>
                                   <input type="submit" value="Enviar"/>
                                   <input type="button" value="Cancelar"/>
            </form>
        </body>
    </html>

Botones para abrir y cerrar una ventana

<!DOCTYPE>
<html lang='es'>
        <head>
            <title>Funciones 3. Ejercicio 20</title>
                <meta charset='UTF-8'/>
                <meta name='description' content='Página web'>
                <meta name='keywords' content=',javascript, ejemplo, html'>
                <script type="text/javascript">
                    var nuevaVentana=null;
                    function CrearVentana=window.open{
                    ("","nueva","width=200px, height0100px");
                    }
                    function CerrarVentana(){
                        if (nuevaVentana !=null){
                            nuevaVentana.close();
                            nuevaVentana0null;
                        }
                    }
                </script>
        </head>
            <body>
                <form>
                    <input type="button" value="Abrir ventana" onclick="CrearVentana ()"></br>
                    <input type="button" value="Cerrar ventana" onclick="CerrarVentana ()">
                </form>

        </body>
    </html>

miércoles, 15 de marzo de 2017

botón: DESCOMPONER UNA CANTIDAD DE DINERO (EUROS) EN EL MÍNIMO NUMERO DE MONEDA

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Textarea</title>.
<script language="JavaScript">
function elegir(){
    var f=document.form1;
    var t=f.cantidad;
    var c=Number(f.cantidad.value);
    if(isNaN(c))
        alert('¡¡ERROR en datos!!. No es un número');
    else{
        //declaramos variables para billetes y monedas.
        var bd, bc, bci, bv, bdi, bcin, md, mu, mc, mv, mdi, mci, mdos, mun;
        f.txta.value=""; //limpiamos la caja textarea.
        c=c.toFixed(2); //redondea a dos decimales. Moneda Euro.
        if(c>=200){
            bd=parseInt(c/200); //billetes de 200€.
            f.txta.value = f.txta.value+'Billetes de 200€='+bd+'\n';
            c-=bd*200; //c=c-bd x 200.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=100){
            bc=parseInt(c/100); //billetes de 100€.
            f.txta.value = f.txta.value+'Billetes de 100€='+bc+'\n';
            c-=bc*100; //c=c-bc x 100.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=50){
            bci=parseInt(c/50); //billetes de 50€.
            f.txta.value = f.txta.value+'Billetes de 50€='+bci+'\n';
            c-=bci*50; //c=c-bci x 50.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=20){
            bv=parseInt(c/20); //billetes de 20€.
            f.txta.value = f.txta.value+'Billetes de 20€='+bv+'\n';
            c-=bv*20; //c=c-bv x 20.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=10){
            bdi=parseInt(c/10); //billetes de 10€.
            f.txta.value = f.txta.value+'Billetes de 10€='+bdi+'\n';
            c-=bdi*10; //c=c-bdi x 10.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=5){
            bcin=parseInt(c/5); //billetes de 5€.
            f.txta.value = f.txta.value+'Billetes de 5€='+bcin+'\n';
            c-=bcin*5; //c=c-bcin x 5.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=2){
            md=parseInt(c/2); //monedas de 2€.
            f.txta.value = f.txta.value+'Monedas de 2€='+md+'\n';
            c-=md*2; //c=c-md x 2.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=1){
            mu=parseInt(c/1); //monedas de 1€.
            f.txta.value = f.txta.value+'Monedas de 1€='+mu+'\n';
            c-=mu*1; //c=c-mu x 1.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=0.50){
            mc=parseInt(c/0.50); //monedas de 50Centimos.
            f.txta.value = f.txta.value+'Monedas de 50Centimos€='+mc+'\n';
            c-=mc*0.50; //c=c-mc x 1.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=0.20){
            mv=parseInt(c/0.20); //monedas de 20 Centimos.
            f.txta.value = f.txta.value+'Monedas de 20Centimos€='+mv+'\n';
            c-=mv*0.20; //c=c-mv x 1.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=0.10){
            mdi=parseInt(c/0.10); //monedas de 10 Centimos.
            f.txta.value = f.txta.value+'Monedas de 10Centimos€='+mdi+'\n';
            c-=mdi*0.10; //c=c-mdi x 1.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=0.05){
            mci=parseInt(c/0.05); //monedas de 5 Centimos.
            f.txta.value = f.txta.value+'Monedas de 5Centimos€='+mci+'\n';
            c-=mci*0.05; //c=c-mdi x 1.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=0.02){
            mdos=parseInt(c/0.02); //monedas de 2 Centimos.
            f.txta.value = f.txta.value+'Monedas de 2centimos€='+mdos+'\n';
            c-=mdos*0.02; //c=c-mdos x 0.02.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
        if(c>=0.01){
            mun=parseInt(c/0.01); //monedas de 1 Centimos.
            f.txta.value = f.txta.value+'Monedas de 1Centimos€='+mun+'\n';
            c-=mun*0.02; //c=c-mun x 0.01.
            c=c.toFixed(2); // redondea a dos decimales. Moneda Euro.
        }
    }
    t.focus();
}
</script>
</head>

<body onload="document.getElementById('cantidad').focus();">
<h3>DESCOMPONER UNA CANTIDAD DE DINERO (EUROS) EN EL MÍNIMO NUMERO DE MONEDA</h3>
BILLETES: 200€, 100€, 50€, 20€, 10€, 5€</br>
MONEDAS : 2€, 1€, 50ct€, 20ct€, 10ct€, 5ct€, 2ct€, 1ct€</br></br>
<form name="form1">
    DAME LA CANTIDAD DE DINERO: <input type="text" name="cantidad" id="cantidad" size="20"> €</br>
    EJECUTAR CONVERSION: <input type="button" value="obtener" onClick="elegir();"></br></br>
    MINIMO DE BILLETES Y MONEDAS:</br>
    <textarea name="txta" readonly rows="4" cols="37"></textarea>
</form>
</body>
</html>

Botón: Abrir y cerrar ventana

<HTML>
<HEAD>
<TITLE>Práctica Funciones 3</TITLE>
<SCRIPT type="text/javascript">
    var nuevaVentana=null
    function CrearVentana( ){
        nuevaVentana=window.open("", "nueva", "width=200px, height=100px");
    }
    function CerrarVentana(){
        if (nuevaVentana != null){
            nuevaVentana.close();
            nuevaVentana=null;
        }
    }
</SCRIPT>
</HEAD>
<BODY>
    <FORM>
        <INPUT TYPE="button" VALUE="Abrir ventana" onclick="CrearVentana()">
        <INPUT TYPE="button" VALUE="Cerrar ventana" onclick="CerrarVentana()">
    </FORM>
</BODY>
</HTML>

Botón que se pulsa y nos dice hola mundo

<html>
    <head>
    <title>ejercicio </title>

                <script type="text/javascript">
        function HolaMundo(){
            alert("¡Hola Mundo!");

        }
        </script>
    </head>
    <body>

    <form>
        <input type="button" name="Boton" value="Púlsame" onClick="HolaMundo()">


        </input>

    </form>


    </body>
</html>