Estoy programando una página para calcular múltiplos, pero cuando doy click al botón para generar, mi botón no da ni una señal de vida. Probé programarlo para escribir un simple "hola", y nada. Le tengo que poner los datos en los input, y tengo que darle click al botón Generar (está señalado con un comentario que dice "Botón de generar"), procesar los datos con JavaScript y regresar escritos. Pero cuando le doy el click simplemente el botón no da señal de vida; probé con ponerle un document.write("Hola"); y nada, no se escribe.
Aquí les dejo el código:
HTML
<!-- Número base -->
<li><p>Número base:</p><input name="base_number" type="number" placeholder="Número" id="base_number"></li>
<!-- Número de múltiplos -->
<li><p>Número de múltiplos:</p><input name="multiples_number" type="number" placeholder="Número" id="multiples_number"></li>
<p>Nota: si no escribes números no podrás calcular nada.</p>
</ul>
<br><br>
<!-- Botón de generar -->
<div class="button" id="generate" style="margin-left: 50px;"><h4 id="generate_itext">Generar</h4></div>
<br><br><br><br>
<!-- Área de resultados -->
<h2 style="font-size: 40px; margin-left: 40px;">Resultado</h2>
<p id="resultArea">Aquí saldrán los resultados.</p>
JS
this.base_number = base_number;
this.multiples_number = multiples_number;
var times = 1;
var currentNumber = 0;
var result;
while (times < multiples_number) {
currentNumber = base_number * times;
result = result + currentNumber;
if (times = multiples_number){
} else {
currentNumber = currentNumber + ",";
}
times++;
}
document.querySelector("resultArea").write(result);
}
var resultArea = document.querySelector("resultArea");
//Parte donde se supone que debería estar el evento de escuchar los clicks del susodicho botón
const generate = document.querySelector("generate");
generate.addEventListener("click", function (generate_itext){
var base_number = document.querySelector("base_number");
var multiples_number =
document.querySelector("multiples_number");
calculateMultiples(base_number, multiples_number);
});
const generate_itext = document.querySelector("generate_itext");
generate.addEventListener("click", function (generate_itext){
var base_number = document.querySelector("base_number");
var multiples_number =
document.querySelector("multiples_number");
calculateMultiples(base_number, multiples_number);
});
P.D.: El botón está hecho con div para tener más opciones de estilo. El problema es que no escucha los clicks.