HTML，CSS 和 JavaScript 创建一个简单的计数器，用户可以通过单击按钮来增加或减少计数器的值。

30天前更新

270

HTML：

php

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>Counter</title>

    <style>

      /* Add CSS styles here */

    </style>

  </head>

  <body>

    <h2>Counter</h2>

    <p>Current Count: <span id="count">0</span></p>

    <button id="increment">Increment</button>

    <button id="decrement">Decrement</button>

  </body>

  <script>

    // Add JavaScript code here

  </script>

</html>

CSS:

css

button {

  padding: 1em;

  margin: 0.5em;

}

JavaScript:

const countElement = document.getElementById("count");

const incrementButton = document.getElementById("increment");

const decrementButton = document.getElementById("decrement");
let count = 0;
incrementButton.addEventListener("click", function() {

  count++;

  countElement.innerHTML = count;

});

decrementButton.addEventListener("click", function() { count--; countElement.innerHTML = count; });

评分

欢迎为他评分