Javascript 如何将计数器输出显示为文本而不是输入

我创建了一个基本的JavaScript计数器，它计算按钮被按下的次数，然后将其显示在输入框中

我想更改它，以便它计算被按下的次数，并将其显示为文本

例5123

HTML:

JAVASCRIPT:

 <script type ="text/javascript">

  var x = 0;
 function count()
 {
 x += 1;
  document.getElementById( "counting" ).value = x;
  }
   </script>

var x=0；
函数计数（）
{
x+=1；
document.getElementById（“计数”）.value=x；
}

更改：

致：

---

将输入设为span，并将DOM查询更改为更改“innerHTML”：

函数计数（）
{
x+=1；
document.getElementById（“计数”）.innerHTML=x；
}

使用类似的东西。。首先获取count的值。。如果没有投票权。。在其中添加1。。如果已经有人投票。。增加

 function count()
 {
  var x = document.getElementById("counting").value;
     if(x==""){
         document.getElementById( "counting" ).value = 1;
     }else{
         document.getElementById( "counting" ).value = parseInt(x)+1;
     }   

  }

---

这里是Fiddle的链接，这不起作用，当我替换它时，根本没有计数器。更改

document.getElementById（“计数”）.value=x

to

document.getElementById（“计数”）.innerHTML=x

document.getElementById（“计数”）.innerHTML=x^^并将该元素更改为非输入元素。我替换了该元素，并添加了SW4的代码以使其正常工作。问题解决了。
 <script type ="text/javascript">

  var x = 0;
 function count()
 {
 x += 1;
  document.getElementById( "counting" ).value = x;
  }
   </script>

 function count()
 {
  var x = document.getElementById("counting").value;
     if(x==""){
         document.getElementById( "counting" ).value = 1;
     }else{
         document.getElementById( "counting" ).value = parseInt(x)+1;
     }   

  }