Javascript-форум - Прибавления и сохранения переменой...

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Прибавления и сохранения переменой... (https://javascript.ru/forum/misc/69144-pribavleniya-i-sokhraneniya-peremenojj.html)

Прибавления и сохранения переменой...

<!Doctype html>
<html>
<head>
<title>Taskai</title>
<meta charset="utf-8">
<script>
function taskai(){
   var a = +prompt("iveskite skaiciu");
   document.getElementById("taskas").innerHTML += a;
}
</script>
</head>
<body>
<input type="button" id="mygtukas" value="Taskai" onclick="taskai()"></input>
<div>
   Taskai:
   <span id="taskas"></span>
</div>
</body>
</html>

Нажав на кнопку, выскакивает Prompt и там просят ввести цифру. Допустим я ввёл 12. Та цифра, потом показывается на сайте. И если я опять нажму на кнопку и введу цифру допустим 4. Так вот, что будет показывать на сайте: 124. А как сделать, чтоб не просто добавила к 12 четыре, а сложить, значит будет 16, а не 124. Так как сделать, чтоб сложило, а не прибавило цифру. И тогда еще один вопрос про сохранения. Вот допустим я написал цифру, она на сайте вывелась и как сделать, чтоб та цифра там и была, ни куда не пропала после перезагрузки страницы?

window.addEventListener('DOMContentLoaded', function() {

   function taskai(){
      var a = +prompt("iveskite skaiciu");
      var b = +elem.innerHTML + +a;
      localStorage.setItem('taskai', b);
      elem.innerHTML = b;
   }

   var elem = document.getElementById("taskas");
   elem.innerHTML = localStorage.getItem('taskai') || '';

});

Цитата:

Сообщение от Ruslan_xDD (Сообщение 454127)

window.addEventListener('DOMContentLoaded', function() {

   function taskai(){
      var a = +prompt("iveskite skaiciu");
      var b = +elem.innerHTML + +a;
      localStorage.setItem('taskai', b);
      elem.innerHTML = b;
   }

   var elem = document.getElementById("taskas");
   elem.innerHTML = localStorage.getItem('taskai') || '';

});

Спасибо большое, но есть одна ошибка когда нажимаешь на кнопку. Вот:
taskai.html:23 Uncaught ReferenceError: taskai is not defined
at HTMLInputElement.onclick (taskai.html:23)

Terminator004,
убрать ~~onclick="taskai()"~~

Цитата:

Сообщение от рони (Сообщение 454129)

Terminator004,
убрать ~~onclick="taskai()"~~

Но тогда, я не смогу на кнопку нажать, чтоб открылся prompt

Terminator004,

<!Doctype html>
<html>
<head>
<title>Taskai</title>
<meta charset="utf-8">
<script>
window.addEventListener('DOMContentLoaded', function() {

  function taskai(){
    var a = +prompt("iveskite skaiciu");
    var b = +elem.innerHTML + +a;
    localStorage.setItem('taskai', b);
    elem.innerHTML = b;
  }

  var elem = document.getElementById("taskas");
  elem.innerHTML = localStorage.getItem('taskai') || '';
  document.getElementById("mygtukas").addEventListener("click",taskai)
});

</script>
</head>
<body>
<input type="button" id="mygtukas" value="Taskai" ></input>
<div>
  Taskai:
  <span id="taskas"></span>
</div>
</body>
</html>

Цитата:

Сообщение от рони (Сообщение 454131)

Terminator004,

<!Doctype html>
<html>
<head>
<title>Taskai</title>
<meta charset="utf-8">
<script>
window.addEventListener('DOMContentLoaded', function() {

  function taskai(){
    var a = +prompt("iveskite skaiciu");
    var b = +elem.innerHTML + +a;
    localStorage.setItem('taskai', b);
    elem.innerHTML = b;
  }

  var elem = document.getElementById("taskas");
  elem.innerHTML = localStorage.getItem('taskai') || '';
  document.getElementById("mygtukas").addEventListener("click",taskai)
});

</script>
</head>
<body>
<input type="button" id="mygtukas" value="Taskai" ></input>
<div>
  Taskai:
  <span id="taskas"></span>
</div>
</body>
</html>

Во, работает!!!! Спасибо большое!! Удачи вам!!