Tengo un problema, estoy recibiendo un valor de un input y lo estoy mostrando, el problema es que cada vez que hago la consulta se actualiza la pagina y no quiero que se actualice la pagina cada vez que hago dicha consulta, que podria hacer?
<form action="" class="d-flex justify-content-center flex-column">
<label for="">Monto a tomar</label>
<input id="inputFuerte" type="number">
<br>
<button id="boton">Convertir</button>
<br>
<label for="">Monto a mostrar</label>
<div id="txt"></div>
</form>
Javascript
//BsF
var montoRecibido = document.getElementById("inputFuerte").value;
//Bs.S
var montoMostrar = document.getElementById("inputSoberano");
//boton
var boton = document.getElementById("boton");
//funcion
function recibir(){
bsF = document.getElementById("inputFuerte").value;
document.getElementById("txt").innerHTML=bsF;
}
boton.addEventListener("click", recibir);