Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Deberes Día 8sept

    Cargado por

    diamante
    8 vistas3 páginas

    Título original

    Deberes día 8sept

    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
    8 vistas3 páginas

    Deberes Día 8sept

    Cargado por

    diamante

    Copyright:

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

    index del convertidor:

    <!doctype html>
    <html lang="es">

    <head>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width,


    initial-scale=1">

    <title>Ejercicio septimebre 6</title>


    <link
    href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.m
    in.css" rel="stylesheet"
    integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvA
    pHHNl/vI1Bx" crossorigin="anonymous">

    <!-- este es mi link de css -->


    <link rel="stylesheet" href="estilos.css">
    <!-- poner favicon en mi web -->
    <link rel="shortcut icon" href="/imagenes/favicon.ico"
    type="image/x-icon">

    </head>

    <body>

    <h3> Introduzca el número de metros</h3>

    <div class="input-group mb-3 " style="width:200px">


    <span class="input-group-text" id="basic-addon1">m</span>

    <input type="number" class="form-control" placeholder="metros"


    aria-label="Username" aria-describedby="basic-addon1" id="campo3">
    </div>

    <button type="button" class="btn btn-light sombra" onclick="calcular()"


    style="width:80px">calcular</button>
    <div class="container" id="mimuestra">

    </div>
    <script
    src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bun
    dle.min.js"
    integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ
    9AsSv4jD4Xa" crossorigin="anonymous"></script>
    <script src="script.js"></script>
    </body>

    </html>

    script de la función calcular del convertidor:


    const { format } = require("express/lib/response");

    function validar() {

    var usuario = document.getElementById("campo1").value;

    var contrasena = document.getElementById("campo2").value;

    var usuarioValido = 70;

    var contrasenaValida = 123;

    if (usuario == usuarioValido && contrasena == contrasenaValida) {

    document.getElementById("miContenedor").innerHTML = `<img
    src="imagenes/dentro.webp" alt="foto verde" style="width:80px;">`;

    } else {
    document.getElementById("miContenedor").innerHTML = `<img
    src="imagenes/fuera.jpg" style="width:350px;" alt="foto roja">`;

    //opcional. Este código limpia los caampos del form en caso de


    equivocarnos

    document.getElementById("campo1").value = " ";

    document.getElementById("campo2").value = " ";

    }
    function calcular() {
    var metros= document.getElementById("campo3").value;
    var pulgadas=document.getElementById("campo4").value;
    var resultado=("campo3*39,3701");
    document.getElementById("mimuestra").innerHTML= resultado;
    }

    También podría gustarte