Как сделать обновление переменной?

Question

[sandul23]

Делаю что-то наподобие кликера на вебе, код внизу объявляет переменную. При нажатии выводит эту переменную и все пропадает; если зациклить и поместить код кнопки в функцию, то будет выводить снова и снова (на одной странице), но мне надо чтобы переменная по прибавлению обновлялась.

var money;
function increment(){ money++; document.write(money) }
document.write("<button onclick=increment>+1</button>");

Comments

[Alex]

У вас пробел сломался?

Answer 1

[Денис Юрьев]

как то так

var money=0;

function increment(){
  money++;
  document.getElementById('money').textContent=money
}

document.write("<button onclick=increment()>+1</button>");
document.write("<p id=\"money\"></p>");

Comments

[sandul23]

спасибо большое,получилось,хорошо вклинилось в код

Answer 2

[Rufix]

<span id="counter"><span>

let money = 0;
let counter = document.querySelector('#counter');
function increment() {
    money++;
    counter.innerHTML = money;
}

document.write('<button onclick="increment()">+1</button>')

Comments

[Tim]

поправь
<span id="counter"><span>
let counter = document.querySelector('.counter');

Answer 3

[Tim]

Вызов document.write работает только во время загрузки страницы. Если вызвать его позже, то существующее содержимое документа затрётся.
Один из способов решения проблемы

var button = document.createElement('button');
button.innerHTML = 0;
button.onclick = increment;
document.body.append(button);

function increment() {
  this.textContent = +this.textContent + 1;
}