CalculadoraInfija.html 2.95 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
<!DOCTYPE html>
<html lang="es">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="CalculadoraInfija.css" rel="stylesheet">
    </head>
    <body>
        <h1 class="titulo_cal">Calculadora en HTML</h1>
        <div class = "calculadora">
            <p id="pantallita" class="pantalla">Ingrese valor</p>
            <table class="tabla">
                <tr>
                    <td id="uno" class="tecla" onclick="uno()">1</td>
                    <td id="dos" class="tecla" onclick="dos()">2</td>
                    <td id="tres" class="tecla" onclick="tres()">3</td>
                    <td id="mas" class="operacion" onclick="suma()">+</td>
                </tr>
                <tr>
                    <td id="cuatro" class="tecla" onclick="cuatro()">4</td>
                    <td id="cinco" class="tecla" onclick="cinco()">5</td>
                    <td id="seis" class="tecla" onclick="seis()">6</td>
                    <td id="menos" class="operacion" onclick="resta()">-</td>
                </tr>
                <tr>
                    <td id="siete" class="tecla" onclick="siete()">7</td>
                    <td id="ocho" class="tecla" onclick="ocho()">8</td>
                    <td id="nueve" class="tecla" onclick="nueve()">9</td>
                    <td id="por" class="operacion" onclick="multiplicacion()">*</td>
                </tr>
                <tr>
                    <td id="cero" class="tecla" onclick="cero()">0</td> 
                    <td id="punto" class="tecla"onclick="punto()">.</td>
                    <td id="dividir" class="operacion" onclick="division()">/</td>
                    <td id="igual" class="igual" onclick="igual()">=</td>
                </tr>
            </table>
        </div>
        <script src="calculadorainfija.js"></script>
        <p class="tituloInstrucciones">Indicadores</p>
        <ul>
            <li class="instrucciones">En caso de agregar número menor a cero, escribir con la sintaxis '.decimales'. Por ejemplo: '.090'.</li>
            <li class="instrucciones">En caso que se desea escribir solo el cero, escribir '.0'.</li>
            <li class="instrucciones">Luego de presionar '=', presione cualquier tecla de la calculadora para una nueva operacion.</li>
            <li class="instrucciones">En la pantalla de la calculadora aparece la operación seleccionada.
                    <br>Una vez seleccionada la operación, cargue el otro valor a operar.
            </li>
            <li class="instrucciones">Cuando se carga una secuencia de operaciones, como '4 + 3 - 2', a medida que se va cargando las operaciones,
                    <br>muestra el resultado actual, y muestra la última cuando se presiona el botón '='.</li>
            <li class="instrucciones" >'Error: Ingrese valor': significa que usted realizó una operación antes de cargar un valor.
            </li>
        </ul>
    </body>
    
</html>