Как обновить глобальную переменную после запуска функции

Question

window.onload = init; 

function init(){ 
var gen = document.getElementById("generateButton"); 
gen.onclick = generate;} 

var cnt = document.querySelectorAll(".box").length ; 
var count = String(cnt); 

function generate(){ 
for(j = 0; j < generatedNumber; j++){ 
var div = document.createElement("div"); 
div.setAttribute("class", "box"); 
appendChild(div); 
} 

Привет, я новичок здесь. Я думаю, что это весь необходимый код для передачи моей проблемы. Что мне нужно сделать, это обновить переменные cnt и count после выполнения функции generate и создать новый div с полем класса. Я знаю, что могу использовать его как локальную переменную, но задание, которое я делаю, требует, чтобы оно было глобальным. .. Я думал об этом в течение часа и искал, но придумал нуль. Заранее спасибо.

p.s. он должен быть чистым javascript no jquery, поскольку я не получил этого далеко в своем курсе.

Answer 1

Просто обновите его в конце функции ...

var cnt = document.querySelectorAll(".box").length ; 
var count = String(cnt); 

function generate(){ 
    for(j = 0; j < generatedNumber; j++){ 
    var div = document.createElement("div"); 
    div.setAttribute("class", "box"); 
    appendChild(div); 
    } 
    cnt = document.querySelectorAll(".box").length ; 
    count = String(cnt); 
}