JUANI

<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="estilos1.css" />
        <title>JS1</title>
        <script>

            function marcar(numero){
                var visorcalculadora = document.getElementById('visorcalculadora');
                var valuecalculadora = visorcalculadora.value;
                visorcalculadora.value = valuecalculadora + numero;

                }


        </script>
    </head>

    <body>
        <h1>Calculadora</h1>
        <form>
            <div>
                <input type="text" id="visorcalculadora" disabled>
            </div>
                <br>
            <div>
                <input type="button" value="1" onclick="marcar(1)">
                <input type="button" value="2" onclick="marcar(2)">
                <input type="button" value="3" onclick="marcar(3)">
                <br>
                <input type="button" value="4" onclick="marcar(4)">
                <input type="button" value="5" onclick="marcar(5)">
                <input type="button" value="6" onclick="marcar(6)">
                <br>
                <input type="button" value="7" onclick="marcar(7)">
                <input type="button" value="8" onclick="marcar(8)">
                <input type="button" value="9" onclick="marcar(9)">
                <br>
                <input type="button" value="0" onclick="marcar(0)">
                <input type="reset" value="borrar">
                <br><br>
                <input type="button" value="+" onclick="marcar('+')" />
                <input type="button" value="-" onclick="marcar('-')" />
                <input type="button" value="/" onclick="marcar('/')" />
                <input type="button" value="*" onclick="marcar('*')" />
                <br>
                <input type="button" value="=" onclick="igual()" />
            </div>
        </form>
    </body>
</html>