HTML-JavaScript计数器在元素/值的每个更改列表上为零（从零开始）-堆栈溢出

顺晟科技

2022-10-19 11:46:06

你们能帮忙吗？我做了几乎所有的东西，但当我改变值时，计数器应该是零（基本上是一个用JavaScript做的计数器，当你点击图像时，它应该是零在计数器中计数为1，当我更改列表上的值时，它应该变成零，就像从一开始一样）

<html>
<head>
<title>script</title>
</head>
<body>
    

<p>Select a AWRAD from the list.</p>

<select id="mySelect" onchange="myFunction()">
  <option value="">None</option>
  <option value="Al-ASaS">الاساس</option>
  <option value="IztikFar">استغفار</option>
</select>

<p>Your Selected Awrad will be shown here.</p>

<!--Custom Div-->

<div style="width: 200px;height: 100px;border: 2px green solid;border-radius: 5px;" id="div-j">

  <h4 id="demo" style="text-align: center;"></h4>
  <p id="clicks" style="text-align: center;"></p>


</div>


<!--Custom Div Ends-->


<br>
<!--<p id="clicks"></p><br>-->

<script>

function myFunction() {

var x = document.getElementById("mySelect").value;
  document.getElementById("demo").innerHTML =  x ;

};

 var clicks = 0;
        function onClick() {
          clicks += 1;
          document.getElementById("clicks").innerHTML = clicks; 
          };


</script>


<!--New Function-->
<script>
    function mycount() {
      var x = document.getElementById("mySelect").value;
      document.getElementById("demo").innerHTML = "You selected: " + x;
    }
    </script>
    







    <script>
   //     var clicks = 0;
        
    //    function onClick() {
       //   clicks += 1;
      //    document.getElementById("clicks").innerHTML = clicks;
   //     };
        </script>
        
        <img src="https://mb.burhaniya.pk/wp-content/uploads/2021/08/counter.png" onClick="onClick()" width="70" height="70" />
        <!--<p>Clicks: <a id="clicks">0</a></p>-->




        
</body>
</html>

顺晟科技：

使用select下拉菜单时，只需将单击设置为0，然后重新显示它们。

上一篇：HTML-在<form>中放置<in 下一篇：JavaScript-HTML5音频

网站建设

Html

HTML-JavaScript计数器在元素/值的每个更改列表上为零（从零开始）-堆栈溢出