我需要創建計數點擊但每次創建新字串的按鈕。我有這個函式,每次點擊時都會計數,但我不明白,為什么在 HTML 中它每次計數為零,應該是這樣的:(垂直每次點擊都會產生更新計數的新字串) 1 2 3 4 。 ..
<form action="#">
<input type="button" value="Count" onclick="add_count()">
</form>
function add_count() {
let integer = (function () {
let counter = 0;
return function() {return counter ;};
}());
let tag = document. createElement("p");
let text;
text = document. createTextNode(integer());
tag. appendChild(text);
let element = document. getElementsByTagName("body")[0];
element. appendChild(tag)};
uj5u.com熱心網友回復:
您只需要將counter初始化移到函式范圍之外
我已經稍微調整了你的代碼。
注意:盡量不要使用行內事件監聽器,而是在 JavaScript 檔案中使用事件監聽器
let counter = 0;
const button = document.querySelector('input');
function add_count() {
let integer = (() => counter );
const tag = document.createElement("p");
const text = document.createTextNode(integer());
tag.appendChild(text);
const element = document.body
element.appendChild(tag)
};
button.addEventListener('click', add_count)
<form action="#">
<input type="button" value="Count">
</form>
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/495670.html
標籤:javascript html dom 前端
