Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Tarea 3

    Cargado por

    Rosario Medrano
    10 vistas7 páginas

    Título original

    tarea3

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    10 vistas7 páginas

    Tarea 3

    Cargado por

    Rosario Medrano

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 7

    <!

    DOCTYPEhtml>
    <html>
    <head><h1>TAREA3DECOMPONENTESWEB</H1>
    <style>
    body{
    background:#66CDAA;
    color:#FFFFFF;
    fontstyle:italic;
    }
    fieldset{
    width:60%;
    marginleft:auto;
    marginright:auto;
    marginbottom:20px;
    fontsize:16px;
    }
    legend{
    fontweight:bold;
    fontsize:24px;
    }
    input[type="text"]{
    borderradius:5px;
    fontsize:14px;
    color:#FFFF00;
    boxshadow:green03px3px;
    background:webkitlineargradient(aqua,#5c5c5c,#66CCCC);

    }
    H1{
    fontweight:bold;
    color:red;
    textalign:center;
    }
    </style>
    <script>
    varbase=[];
    varelementos=1;
    functiono(cual){
    returndocument.getElementById(cual);

    }
    functionborrar(){
    o("nombre").value="";
    o("apellidos").value="";
    o("id").value="";
    o("pass").value="";
    o("dia").value="";
    o("mes").value="";
    o("anio").value="";
    o("sexo").value="";
    o("idioma").value="";
    o("vivo").value="";
    functionnuevo(){

    varnom=o("nombre").value;
    varale=o("apellido").value;
    varid=o("id").value;
    varpa=o("pass").value;
    vardi=o("dia").value;
    varme=o("mes").value;
    varan=o("anio").value;
    varse=o("sexo").value;
    varidi=o("idioma").value;
    varvi=o("vivo").value;
    elementos++;
    base[elementos]={nombre:nom,apellido:ape,id:id_,pass:pa,dia:di,mes:me,anio:an,sexo:se,idioma:i
    di,vivo:vi};
    borrar();
    }
    functionbuscar(dato){
    varexiste=false;
    for(i=0;i<base.length;i++){
    if(dato==base[i].nombre){
    existe=true;
    break;
    }
    }
    if(existe){
    o("nombre").value=base[i].nombre;
    o("apellido").value=base[i].apellido;

    o("id").value=base[i].id;
    o("pass").value=base[i].pass;
    o("dia").value=base[i].dia;
    o("mes").value=base[i].mes;
    o("anio").value=base[i].anio;
    o("sexo").value=base[i].sexo;
    o("idioma").value=base[i].idioma;
    o("vivo").value=base[i].vivo;
    }else{
    alert("noexistedato");
    }
    }
    </script>
    <title></title>
    </head>

    <body>
    <fieldset>
    <legend>Detalles</legend>
    <hr/>
    <table>
    <tr>
    <td>Minombrees:
    <td><inputtype="text"id="nombre"placeholder="nombre"/><td><inputtype="text"
    id="apellido"placeholder="apellidos"/>
    </tr>

    <tr>
    <td>EligeunaID
    <td><inputtype="text"id="id"/>
    <td>@<selectid="tid">
    <option>Yahoo.com</option>
    <option>Hotmail.com</option>
    </select>
    </tr>
    <tr>
    <td>Eligeunacontrasea
    <td><inputtype="text"id="pass"/><td>Niveldeseguridad
    </tr>
    </table>
    </fieldset>
    <legend>InformacionPersonal</legend>
    <hr/>
    <table>
    <tr>
    <td>Naciel:
    <td>
    <inputtype="text"id="dia"size="3"placeholder="dia"/>
    <selectid="mes"/>
    <option>Enero</option>
    <option>Febrero</option>
    <option>Marzo</option>
    <option>Abril</option>

    <option>Mayo</option>
    <option>Junio</option>
    <option>Julio</option>
    <option>Agosto</option>
    <option>Septiembre</option>
    <option>Octubre</option>
    <option>Noviembree</option
    ><option>Diciembree</option
    ></select>
    <inputtype="text"id="anio"size="3"placeholder="ao"/>
    </tr>
    <tr>
    <td>Sexo
    <td><inputtype="text"id="sexo"/>
    </tr>
    <tr>
    <td>Idioma
    <td><inputtype="text"id="idioma"/>
    </tr>
    <tr>
    <td>Vivoen:
    <td><inputtype="text"id="vivo"/>
    </tr>
    <tr>
    <td>
    <buttononClick="nuevo()">Guardar</button></tr>

    </td>
    </table>
    </fieldset>
    <tablestyle="margin:left:auto;margin:right:auto">
    <tr>
    <td>Nombre:</td><td><inputid="nombreb"></td>
    <td><buttononClick="buscar(nombreb.value)">Buscar</button></td>
    </tr>
    </table>
    </body>
    </html>

    También podría gustarte