monkxw
@monkxw

Почему исчезает полученное значение?

Осваиваю javascript и пытаюсь написать свой первый калькулятор.
Когда получаю значение и вывожу его через консоль лог или добавляю в элемент на страничке, оно появляется на секунду и исчезает. В чем может быть проблема?
вот мой код
<div class="container">
       <form name="">
           <input id="numberone" type="text" value="">
           <select name="" id="myoperator">
               <option value="+">+</option>
               <option value="-">-</option>
               <option value="*">*</option>
               <option value="/">/</option>
           </select>
           <input id="numbertwo" type="text" value="">
           <button onclick="getResult()">=</button>
           <span id="result"></span>
       </form>
   </div>

function getResult() {
  var a = 0;
    var b = document.getElementById('numberone').value;
    var c = document.getElementById('numbertwo').value;
    var myoperator = document.getElementById('myoperator').value;
    var results = document.getElementById('result'),
        ResultText = b;
        results.innerHTML = ResultText;
        
console.log(b);    
    
}

ps алгоритм я знаю, только нужно понять почему такая ошибка происходит
  • Вопрос задан
  • 2000 просмотров
Решения вопроса 2
Denormalization
@Denormalization
Потому что форма сабмитится и страница обновляется.
Варианты решения:
- Убрать тег form, он один хрен там не нужен
- Прописать для button type="button", тогда форма не будет сабмитится
- Прописать в теге form onsubmit="return false;" (тут не помню сработает или нет)

Еще есть варианты, но думаю этих хватит.
Ответ написан
Комментировать
alsopub
@alsopub
Сделайте
<form name="" onsubmit="return false;">
или
<button type="button" onclick="getResult()">=</button>

или совсем уберите <form ...>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы