Mis cursos: tabla

Mostrando entradas con la etiqueta tabla. Mostrar todas las entradas

martes, 21 de marzo de 2017

Calculadora hecha con tabla

<HTML>
<HEAD>
<TITLE>Interactividad HTML/JavaScript UD2_16</TITLE>
<script language="LiveScript">
function addChar(input, character){
    if(input.value == null || input.value == "0")
        input.value = character
    else
        input.value += character
}
function deleteChar(input){
    input.value = input.value.substring(0, input.value.length - 1)
}
function changeSign(input){
    // could use input.value = 0 - input.value, but let's show off substring
    if(input.value.substring(0, 1) == "-")
    input.value = input.value.substring(1, input.value.length)
    else
    input.value = "-" + input.value
}
function compute(form) {
    form.display.value = eval(form.display.value)
}
function square(form) {
    form.display.value = eval(form.display.value) * eval(form.display.value)
}
function checkNum(str) {
    for (var i = 0; i < str.length; i++) {
        var ch = str.substring(i, i+1)
        if (ch < "0" || ch > "9") {
            if (ch != "/" && ch != "*" && ch != "+" && ch != "-"
                && ch != "(" && ch!= ")") {
                alert("invalid entry!")
                return false
            }
        }
    }
    return true
}
</script>
</HEAD>

<body bgcolor="white">
<form>
<table border="5" align="center">
<tr align="center">
<td colspan = "5">
<table border="3">
<tr>
<td align="center"><input name="display" value="0" size="39"></td>
</tr>
</table>
</td>
</tr>
<tr align="center">
   <td><input type="button" value="    <-   " onClick="deleteChar(this.form.display)"></td>
   <td><input type="button" value="   MC " onClick="this.form.display.value = 0 "></td>
   <td><input type="button" value="   MR " onClick="this.form.display.value = 0 "></td>
    <td><input type="button" value="   CE " onClick="this.form.display.value = 0 "></td>
    <td><input type="button" value="    C    " onClick="this.form.display.value = 0 "></td>
    </tr>
<tr align="center">
    <td><input type="button" value="   +/-   " onClick="changeSign(this.form.display)"></td>
    <td><input type="button" value="    (    " onClick="addChar(this.form.display, '(')"></td>
    <td><input type="button" value="    )    " onClick="addChar(this.form.display, ')')"></td>
    <td><input type="button" value="    ^    " onClick="changeSign(this.form.display)"></td>
    <td><input type="button" value="   sq    " onClick="if (checkNum(this.form.display.value)){ square(this.form)}"></td>
    </tr>
<tr align="center">
<td><input type="button" value="    7    " onClick="addChar(this.form.display, '7')"></td>
<td><input type="button" value="    8    " onClick="addChar(this.form.display, '8')"></td>
<td><input type="button" value="    9    " onClick="addChar(this.form.display, '9')"></td>
<td><input type="button" value="    /    " onClick="addChar(this.form.display, '/')"></td>
<td><input type="button" value="    %    " onClick="addChar(this.form.display, '%')"></td>
</tr>
<tr align="center">
<td><input type="button" value="    4    " onClick="addChar(this.form.display, '4')"></td>
<td><input type="button" value="    5    " onClick="addChar(this.form.display, '5')"></td>
<td><input type="button" value="    6    " onClick="addChar(this.form.display, '6')"></td>
<td><input type="button" value="    *    " onClick="addChar(this.form.display, '*')"></td>
<td><input type="button" value="    1/x " onClick="addChar(this.form.display, 'x')"></td>
</tr>
<tr align="center">
<td><input type="button" value="    1    " onClick="addChar(this.form.display, '1')"></td>
<td><input type="button" value="    2    " onClick="addChar(this.form.display, '2')"></td>
<td><input type="button" value="    3    " onClick="addChar(this.form.display, '3')"></td>
<td><input type="button" value="    -    " onClick="addChar(this.form.display, '-')"></td>
<td rowspan="2"><input type="button" value="    =    " name="enter" onClick="if (checkNum(this.form.display.value)){ compute(this.form) }"></td>
</tr>
<tr align="center">
<td colspan="2"><input type="button" value="           0             " onClick="addChar(this.form.display, '0')"></td>
<td><input type="button" value="    .    " onClick="addChar(this.form.display, '.')"></td>
<td><input type="button" value="    +    " onClick="addChar(this.form.display, '+')"></td>
</tr>
</table>
</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>

Tabla sueldos: buscar por nombre

<html>
<head>
<script type="text/javascript">
function cargar(sueldos)
{
    var f;
    for(f=0;f<sueldos.length;f++)
    {
      var v;
      v=prompt('Ingrese sueldo:','');
      sueldos[f]=parseInt(v);
    }
}

function calcularGastos(sueldos)
{
    var total=0;
    var f;
    for(f=0;f<sueldos.length;f++)
    {
      total=total+sueldos[f];
    }
    document.write('Listado de sueldos<br>');
    for(f=0;f<sueldos.length;f++)
    {
      document.write(sueldos[f]+'<br>');
    }
    document.write('Total de gastos en sueldos:'+total);
}

var sueldos;
sueldos=new Array(5);
cargar(sueldos);
calcularGastos(sueldos);
</script>
</head>
<body>
<form>
    Cargar Array:<input type="button" value="Cargar" onclick="cargar(this.form)"/></br>
    Buscar por nombre:<input type="button" value="buscar" onclick="buscar(this.form)"/></br>
    Modificar datos:<input type="button" value="Modificar" onclick="modificar(this.form)"/></br>
    Resultado:<input type="text" name="result" size="20"/></br>
    Introducir expresión: <INPUT TYPE="text" NAME="expr" SIZE="20"></br>
    Resultado: <INPUT TYPE="text" NAME="resul" SIZE="20"></BR>
    <INPUT TYPE="button" VALUE="evalua" onClick="calcula(this.form)">
</form>
</body>
</html>

Tabla temepraturas

<html>
<head>
<script type="text/javascript">
    function Mostrar_Temperaturas(temperaturas){
        var f,c;
        document.write('<table border="1" style="text-align:center;margin: 0 auto;">');
        for(f=0;f<=2;f++){
            document.write('<tr>');
            for(c=0;c<=2;c++)
                document.write('<td>'+temperaturas[f][c]+'</td>');
            document.write('</tr>');
        }
        document.write('</table>');
    }

    var temperaturas=new Array(new Array(12,10,11), new Array(5,0,2),new Array(10,8,10));
    Mostrar_Temperaturas(temperaturas);
</script>
</head>
<body>

</body>
</html>

Tabla numeros 3x3

<html>
    <head>
    <title>Tabla numeros 3x3</title>
    </head>
    <body>
            <script type="text/javascript">
        //OBJETO ARRAY DE DIMENSION 5
        var tnumeros=new Array(new Array(3),new Array(3),new Array(3));
        var i,j;
        //petición de datos por teclado
        for(i=0;i<3;i++){//bucle control filas
           for(j=0;j<3;j++){//bucle control columnas
             tnumeros[i][j]=parseInt(prompt('Dame un número: ',''));
                }
           }
           //mostrar contenido de la tabla
           for(i=0;i<3;i++){//buble control filas
                for(j=0;j<3;j++){//bucle control columnas
                    document.write(tnumeros[i][j],',');
                }
                document.write('<br>');
           }

        </script>
    </body>
</html>

Función-tabla temperaturas de 3 x 3

<html>
    <head>
    <title>Tabla numeros 3x3 con una funcion</title>
        <script type="text/javascript">
    function Mostrar_Temperaturas(temperaturas){
        var f,c;
        for(f=0;f<=2;f++){
        for(c=0;c<=2;c++)
            document.write(temperaturas[f][c]+',');
        document.write('<br/>');
        }
        }
    var temperaturas=new Array(new Array(12,10,11), new Array(5,0,2), new Array(10,8,10));
    Mostrar_Temperaturas(temperaturas);
    </script>
    </head>
    <body>
    </body>
</html>

Formulario en tabla con menú desplegable

<!DOCTYPE>
<html lang='es'>
        <head>
            <title>Formulario con despliegue de recuadro. Ejercicio 3.25</title>
                <meta charset='UTF-8'/>
                <meta name='description' content='Página web'>
                <meta name='keywords' content=',javascript, ejemplo, html'>
                <script type="text/javascript">
                    function comprobarYEnviar(){
                        textNombre=document.getElementById("textNombre");
                        if(textNombre.value.length>0){
                            var regExpNumero=/\d+/;
                            textNumero=document.getElementById("textNumero");
                        if(regExpNumero.test(textNumero.value)){
                            var regExpEMail=/\w+@\w+.\w+/;
                            textEMail=document.getElementById("textEMail");
                        if (regExpEMail.test(textEMail.value)){
                            selectLista=document.getElementById("selectListado");
                        if (selectLista.selectedIndex >=2){//todo correcto}
                            document.getElementById("formulario").submit();
                        }
                                else
                                window.alert("No se ha seleccionado un elemento de"+"lalista.");
                        }
                                else
                                window.alert("El e-mail no es correcto *@*.*");
                        }
                                else
                                window.alert("El número está vacio o no es correcto");
                        }
                                else
                                window.alert("No se ha introducido un nombre");

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

            <form action="" method="post" id="formulario">
            <table align="center">
            <caption>Formulario Sencillo</caption>
            <tr>
            <td>Nombre:</td>
            <td><input type="text" name="textNombre" id="textNombre"/></td>
            </tr>
            <tr>
            <td>Número:</td>
            <td><input type="text" name="textNumero" id="textNumero"/></td>
            </tr>
            <tr>
            <td>E-mail:</td>
            <td><input type="text" name="textEMail" id="textEMail"/></td>
            </tr>
            <tr>
            <td>
            <select name="selectListado" id="selectListado">
            <option value="Inicial">Selecciona algo...</option>
            <option value="Inicial"></option>


                <option value="inicial">Opción 1</option>
                <option value="inicial">Opción 2</option>

                </select>
            </td>
            </tr>
            <td colspan="2" align="center">
            <input type="button" value="Enviar" onclick="comprobarYEnviar()">
                </td>
                    </tr>
                </table>
            </form>
        </body>
    </html>

lunes, 13 de marzo de 2017

Funcion: hacer una tabla de temperaturas

<html>
   <head>
   <script type="text/javascript">

function Mostrar_Temperaturas(temperaturas)
{

var f,c;

for (f=0;f<=2;f++)
{
for(c=0;c<=2;c++)
   document.write(temperaturas[f][c ]+',');
   document.write('<br/>');
}
}
var temperaturas=new Array(new Array(12,10,11), new Array (5,0,2), new Array (10,8,10));
Mostrar_Temperaturas(temperaturas);
</script>
</head>