how do i add value everytime i click a button?

Question

js and html btw

Answer 1

You could have a global JS variable. On each click, you add 1 by using a function that is attached to the button.

If you link your code, we can check on it.

Answer 2

By onclick attribute

Answer 3

1. Assign a class, id or data-attribute to your button and the element which includes your counter. Something like this:

<p id="counterValue">Counter: 0</p>
<button id="counterButton">

2. Go to Javascript and store your html elements in variables:

let button = document.getElementById("counterButton");
let counterElement = document.getElementById("counterValue")

3. assign an initial value of your counter to a variable so we can increment that every time you click the button:

let counter = 0;

4. Now we need a Event Listener which listens to the button and triggers every time we click on the button:

button.addEventListener("click", () => {
counter++;
counterElement.innerHTML = "Counter: " + counter;
}

counter++ means that we add +1 everytime we click on the button.
counterElement.innerHTML replaces the content of your <p> with "Counter: " and the new Value.

Note: Don't use click events inside your html like: onclick="functionName".
It is bad practice in Software developing. Always seperate your stylesheet and script. In Software developing we call this "Separation of Concerns".

This helps to keep your code clean and clear

Answer 4

https://www.sololearn.com/compiler-playground/WXcc9L13Uc94