Почему при нажатии на кнопку отправить, удаляется результат, полученный из input?

Question

[Юра Сторчака]

https://codepen.io/freelancetesting/pen/bGdMdjN

Когда нажимается кнопка отправить - из input числа должны удаляться, но результат(число), должен оставаться, а результат тоже удаляется. Что именно подправить, чтобы результат оставался?

Comments

[Егор Тельнов]

window.onload = function(){
  
 var textone = document.querySelector('input[name=notationone]');
var texttwo = document.querySelector('input[name=notationtwo]');
 var button = document.querySelector('input[name=button]');
 var allinputypetext = document.querySelectorAll('input[type=text]');
 console.log(allinputypetext);
 var spanresult = document.querySelector('.result');
 var res;
 
  
  

 document.querySelector('input[name=button]').onclick = function(event){
   event.preventDefault();
   
  if (textone.value == "" ||  isNaN(textone.value) || texttwo.value == "" ||  isNaN(texttwo.value)){
 textone.classList.remove("inputone");
 texttwo.classList.remove("inputtwo");
 textone.classList.add("inputored");
 texttwo.classList.add("inputored");
}
 
 else {
  calc();
  deletenumberinput();
}
return false;

  }




function deletenumberinput(){
  console.log(allinputypetext[0].value);
  for (let i = 0; i < allinputypetext.length; i++)
    if (!isNaN(allinputypetext[i].value)) {
      allinputypetext[i].value = '';
    }
}
 
 function calc(){
  var a = parseInt(textone.value);
  var b = parseInt(texttwo.value);
  var res = a + b; 
  spanresult.textContent = res;
  console.log(res);
  }
 }

Если переделывать именно твой код. А вообще слишком много запутанного кода для такой простой задачи.

Answer 1

[Александр Черемхин]

результат(число), должен оставаться, а результат тоже удаляется. Что именно подправить, чтобы результат оставался?

У вас происходит отправка формы на сервер, в результате страница перегружается и вы не видите ответ.
Заблокируйте действие по умолчанию

document.querySelector('input[name=button]').onclick = function(e){
   e.preventDefault(); //  блокировать действие по умолчанию