Форум

Terminator004 · #1 (**permalink**) 01.06.2017, 12:48

<!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. Так как сделать, чтоб сложило, а не прибавило цифру. И тогда еще один вопрос про сохранения. Вот допустим я написал цифру, она на сайте вывелась и как сделать, чтоб та цифра там и была, ни куда не пропала после перезагрузки страницы?

ruslan_mart · #2 (**permalink**) 01.06.2017, 13:04

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') || '';

});

Terminator004 · #3 (**permalink**) 01.06.2017, 13:13

Сообщение от Ruslan_xDD

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)

рони · #4 (**permalink**) 01.06.2017, 13:16

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

Terminator004 · #5 (**permalink**) 01.06.2017, 13:18

Сообщение от рони

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

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

рони · #6 (**permalink**) 01.06.2017, 13:21

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>

Terminator004 · #7 (**permalink**) 01.06.2017, 13:30

Сообщение от рони

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>

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

Форум

Справочник

Discord чат

Курсы javascript