mi duda es como asignarle a una variable un getElementById por fuera de una función. Porque solamente puedo si esa variable la creo dentro de una función, pero no para el afuera. Quiero poder hacerlo al principio sin tener una función asignada, gracias.
les dejo el código Html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejercicio 2</title>
</head>
<body>
<p>Número 1:</p><input id="num1" type="number"><br>
<p>Número 2:</p><input id="num2" type="number"><br><br>
<button onclick="totalNumeros()">Mostrar todos los números:</button><p id="numeros">prueba</p>
<button>Mostrar totalidad de números:</button><p id="totalidad"></p>
<button>Mostrar suma: </button><p id="suma"></p>
<script type="text/javascript" src="js2.js"></script>
</body>
</html>
y les dejo el código JS:
var num1 = document.getElementById('num1').value;
var num2 = document.getElementById("num2").value;
function totalNumeros(){
document.getElementById("numeros").innerHTML = num1;
}