To sofrendo pra fazer, aqui vai o js:
form.addEventListener('submit', function(e) {
e.preventDefault();
greaterNum();
})
function greaterNum() {
var valor1 = document.getElementById('numero-conta').value;
var valor2 = document.getElementById('valor-deposito').value;
if (parseFloat(valor1) > parseFloat(valor2));
alert("testeeee");
}
<body>
<div class="container">
<h1>Eteste</h1>
<form>
<input type="number" id="numero-conta" required placeholder="Número da conta" />
<input type="number" id="valor-deposito" required placeholder="Valor" />
<button id="btn-depositar" type="submit">Depositar</button>
</form>
</div>
<script src="./main.js"></script>
</body>
<button>
e seria mais simplesform
não está definida: abra o console do browser (aperte F12) e veja que vai aparecer o erro "Uncaught ReferenceError: form is not defined". Vc precisa pegar o elemento, pode serdocument.querySelector('form')
oudocument.forms[0]
(ambos pegam o primeiroform
que tiver na página - mas também pode colocar umid
noform
e usargetElementById
, por exemplo). E logo depois doif
não tem ponto-e-vírgula, é apenasif (parseFloat(valor1) > parseFloat(valor2)) alert("testeeee");
;
deif (parseFloat(valor1) > parseFloat(valor2));
, isso está ignorando o que vem depois, na próxima linha. Recomendo que comece pelo básico antes de tentar o avançado, a documentação da MDN é o ideal: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…, developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…