如何实现文本

Question

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

• 我有一个名为add的变量
• 每次单击一个名为“click”的按钮，我想写你好，而数字对应于add

如果add = 5，当我点击我想要：hello, 5

如果我再次点击我想要hello, 10，但不是：

hello, 5  
10  

Answer 1

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>

Answer 2

巧合的是，我在丢失的记事本（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;
    }