Question

我想知道如何使用JavaScript实现文本，例如：

我有一个名为add的变量
对于名为“ click”的按钮的每次单击，我都想打个招呼，其中的数字对应于add

如果add = 5，当我单击时我希望拥有：hello, 5

，如果我再次单击，我想拥有hello, 10，但不是：

hello, 5  
10

Answer 1

巧合的是，我在丢失的记事本（kkk）中有一个类似的代码，我刚刚为您做了一个改编： HTML：

<div >
    <button type="button" onclick="incrementNumber()">Click Me!</button>
    <div id="content">
</div>

JAVASCRIPT：

var number = 0;
var increment = 5;
var keyWord = "hello, ";
//you mention that you need a text var
var text = "";
function incrementNumber(){
        number += increment;
        text = keyWord + number;
        //just for show;
        document.getElementById('content').innerHTML = text;
    }

Answer 2

Set `add` to the value to increment by
Set `current` to 0
Set `target` to the add button
Add an event listener to `target` of type 'click' with callback function:
    Set `current` to sum of `current` and `add`
    Log `'Hello, ' + current`

var add = 5;
var current = 0;
var target = document.getElementById('target');
target.addEventListener('click', function(event) {
    current = current + add;
    console.log('Hello, ' + current);
});

<button id="target">Add</button>

如何实现文字

2 个答案: