Javascript innerHTML basic，在循环中添加数字_Javascript_Html_Innerhtml

Javascript innerHTML basic，在循环中添加数字

javascript html

Javascript innerHTML basic，在循环中添加数字,javascript,html,innerhtml,Javascript,Html,Innerhtml,我在javascript方面有问题。我想这样做，如果我点击添加糖果按钮。上面说有两个糖果。如果我再次点击，它会显示有3个糖果。使用innerHTML最快的方法是什么函数添加（）{ var d=document.getElementById（'idd'）.innerHTML；有一个糖果； document.getElementById（'idd'）。innerHTML=d； } 添加有一块糖果函数添加（）{ var d=document.getElementById（'idd'

我在javascript方面有问题。我想这样做，如果我点击添加糖果按钮。上面说有两个糖果。如果我再次点击，它会显示有3个糖果。使用innerHTML最快的方法是什么

函数添加（）{
var d=document.getElementById（'idd'）.innerHTML；
有一个糖果；
document.getElementById（'idd'）。innerHTML=d；
}


添加


有一块糖果

函数添加（）{
var d=document.getElementById（'idd'）.innerHTML；
var f=（（document.getElementById（'idd'）.children.length）+1）；
d=d+'有'+f+'糖果；
document.getElementById（'idd'）。innerHTML=d；
}

添加


有一块糖果

您可以跟踪函数外部变量中的点击：

var=1；
函数add（）{
var元素=document.getElementById（'idd'）；
//增量糖
糖果=糖果+1；
//替换文本
element.innerHTML='有'+candy+'candy'
}

添加


有一块糖果

根据

li

的计数生成新的

li

元素，并将其附加到

ul

中

函数添加（）{
//使用id获取'ul'
var d=document.getElementById（'idd'）；
//数一数‘李’
var count=d.getElementsByTagName（'li'）。长度+1；
//创建一个li元素
var li=document.createElement（'li'）；
//根据计数向li添加内容
li.innerHTML='有'+（计数）+'糖果'；
//将生成的li元素追加到ul
d、 儿童（李）
}


添加



有一块糖果

这将非常有效

您必须声明一个全局变量，以便每次单击时添加单击次数，并使用innerHTML显示


添加


有一块糖果

var d=0；
函数add（）{
d=d+1；
document.getElementById（'idd'）。innerHTML='有'+d+'candy'；
}

我认为最好的方法是在HTML值周围添加一个容器，并在调用函数时对其进行更改

范例

var=0；
函数add（）
{
document.getElementById（“candy nbr”）.innerHTML=++nbCandy==1？“a”：nbCandy；
}


加糖
有0块糖果


var计数器=0；
函数add（）{
计数器++；
document.getElementById（“idd”）.innerHTML=计数器；
}
添加
加糖
有一块糖果。

@Satsuki:很高兴帮助您您好，当我制作一个文本框时，我会做什么？当我输入100时，它会生成100个糖果。它是在等待还是等待？@Satsuki：从文本框中获取值并根据该值进行更新

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var counter = 0;
function add() {
counter ++;
document.getElementById("idd").innerHTML = counter;
}

</script>

</head>
 <body>
    <h1>Adding</h1>
    <button onclick="add()">
    adding candy
    </button>
     <a id="idd"></a>
      <a>There is a candy.</a>
  </body>
</html>