Responder dúvida

Seja o primeiro a responder

Código para gerar um alerta após input em um form

JavaScript

Estou com uma duvida, do por que não aparece o resultado no alert neste codigo abaixo:

Mesmo que eu tenha declarado as variaveis xx e yy nao retorna o valor no alert.

Estou usando o VScode.

<body>

    <form  method="get">
    <!--Numeros-->
    X: <input type="number" id="x" placeholder="Digite o 1º numero" required  /> <br/>
    Y: <input type="number" id="y" placeholder="Digite o 2º numero" required  /> <br/>
       
    <!--Operador: <input type="text" id="operador" placeholder="Digite: + ou - ou * ou /"  /> <br/>-->
    </form>

    <button onclick="myfunc()">Calcular</button>
    <inputtype="button"value="Atualizar"onClick="window.location.reload()">

</body>
     
    <script type="text/javascript">

    var resultadofinal = soma(xx, yy);
    var xx = document.getElementById("x").value;
    var yy = document.getElementById("y").value;

    function soma(){
        var xx = document.getElementById("x").value;
        var yy = document.getElementById("y").value;
        return xx + yy;
        }
       
       
        //Funcao para mostrar o valor do input
        function myfunc(){
            //var num1 = parseInt(document.getElementById("num1").value) || null;
            alert('Resultado é: ' + resultadofinal);
        }

        // Evento que é executado toda vez que uma tecla for pressionada no input
        document.getElementById("y").onkeypress = function(e) {
        // 13 é a tecla <ENTER>. Se ela for pressionada, mostrar o valor
        if (e.keyCode == 13) {
            myfunc();
            e.preventDefault();
        }
    }
                 
    </script>
Foto de Fellipe C.
Fellipe perguntou há 10 meses