CodShot
HTML / Markup Public

Simple HTML + JavaScript Counter

A basic counter with increment and decrement buttons using HTML and JavaScript.

HTML / Markup
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Simple Counter</title>
</head>
<body>
  <h1>Counter: <span id="counter">0</span></h1>
  <button onclick="decrement()">-</button>
  <button onclick="increment()">+</button>

  <script>
    let count = 0;
    const counterDisplay = document.getElementById('counter');

    function increment() {
      count++;
      counterDisplay.textContent = count;
    }

    function decrement() {
      count--;
      counterDisplay.textContent = count;
    }
  </script>
</body>
</html>

Snippet actions

CodShot user
CodShot user
Updated: 2026-05-05 09:33
Public snippets
0
Forks
CodShot AI Help
Ask about CodShot features, plans, workspace, AI limits, referrals, and public help topics.
Hi! I can help you understand how CodShot works. What would you like to know?
For account-specific or sensitive issues, please open a support ticket. Open support