Блог

HTML

 lt;!DOCTYPE htmlgt; lt;htmlgt;  lt;headgt;  lt;meta charset="utf-8"gt;  lt;meta http-equiv="X-UA-Compatible" content="IE=edge"gt;  lt;titlegt;lt;/titlegt;  lt;meta name="description" content=""gt;  lt;meta name="viewport" content="width=device-width, initial-scale=1"gt;  lt;link rel="stylesheet" href=""gt;  lt;/headgt;  lt;bodygt;  lt;h1gt; Welcome to Benjamin's bank. Have some Moneylt;/h1gt;  lt;pgt;Please enter your name, password and the amount you want to withdrawlt;/pgt;  lt;form action="" method="post"gt;  lt;input type="text" value="name" id="name"gt;lt;brgt;  lt;input type="password" value="password" id="password"gt;lt;brgt;  lt;input type="text" value="amount" id="amount"gt;lt;brgt;  lt;button onclick="withdraw()"gt;click melt;/buttongt;  lt;/formgt;  lt;p id="para"gt;lt;/pgt;    lt;script src="Beginners_bank.js" async defergt;lt;/scriptgt;  lt;/bodygt; lt;/htmlgt;  

Язык JavaScript

 function withdraw(){  var namevar= document.getElementById("name").value;  var passwordvar=document.getElementById("password").value;  var amountvar=document.getElementById("amount").value;  var Amount=3000;  var name="Benjamin Anoruo";  var pass="testing123";  var n=Amount-amountvar;  if(namevar==name amp;amp; passwordvar==pass ){  if(amountvarlt;=Amount){  document.getElementById("para").innerHTML="your withdrawal was successful. your new balance is:" n;  document.body.style.backgroundColor='green';  }  } }  

Этот код должен принимать имя пользователя, пароль и сумму, которую они хотят вывести.в любое время, когда я ввожу каждую деталь и нажимаю кнопку, он просто мигает выводом и возвращает пустую форму Пожалуйста, как я могу исправить эту проблему.

просто добавьте тип=»кнопка» к вашей кнопке

Как и отметил @Hyperella, нажатие клавиши enter приводит к обновлению страницы, вот что вызывает вспышку. Чтобы предотвратить это, сделайте так, как он показал.