Necesito que el texto que añada en un input y el numero que añada en otro se guarden en variables diferentes, he probado diferentes métodos pero ninguno me funciona, (para comprobar si funciona llamo a un alert) y, o me aparece [object HTMLInputElement], o me aparece null o me aparece en blanco el alert
Añade dato
<input type="text" name="agregarDato" id="addFact"><br><br>
Escribe valor
<input type="number" name="agregarValor" id="addValue"><br><br>
Escribe valor extra
<input type="number" name="agregarValorextra" id="addExtraValue"><br><br>
<button id="addAll">Añadir</button>
function inicio() {
//Recoger los datos de los input
let empresa = document.getElementById("addFact").value;
let valor1 = document.getElementById("addValue").value;
let valorExt = document.getElementById("addExtraValue").value;
let enviar = document.getElementById("addAll");
//Cargar datos al presionar boton de enviar
enviar.onclick = function (e) {
alert(empresa + " " + valor1 + " " + valorExt);
}
}
Con el codigo que he compartido al ejecutarse el alert aparece en blanco.