Breaking News: Grepper is joining You.com. Read the official announcement!

counter javascript

SkiLL3r answered on December 22, 2021 Popularity 10/10 Helpfulness 2/10

answer counter javascript

related counter in html and js

counter javascript

Comment

//simple counter in javascript 

// this is button element variable
const button = document.querySelectorAll(".btn")

//this variable for display counter number
const h3 = document.querySelector(".counter")
//Count variable
let count = 0;

//foreach method
button.forEach((btn) => {
  //event listener function       
  btn.addEventListener("click", (e) => {
    //event targeting element  
    let target = e.currentTarget

    //condition for counter variable
    if (target.innerText == "reset") {
      count = 0;
    }
    else if (target.innerText == "next") {
      count++;
    }
    else if (target.innerText == "prev") {
      count--;
    }
    //text contains according to the if condition
    h3.innerHTML = count;

  })

})

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: counter javascript

Link to this answer
Share Copy Link

Contributed on Dec 22 2021

SkiLL3r

0 Answers Avg Quality 2/10

Closely Related Answers

counter in html and js

Comment

<!-- HTML ->
<button id="btn-count">Count</button>
<p id="result"></p>

// JavaScript
const btnCount = document.getElementById('btn-count');

btnCount.addEventListener('click', () => {
  	let counter = 0;
  	counter++;
  	document.getElementById('result').innerText = counter;
});

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: medium.com

Tags: counter

Link to this answer
Share Copy Link

Contributed on May 14 2022

Whale

0 Answers Avg Quality 2/10

counter javascript

Contents

More Related Answers

counter javascript

Closely Related Answers

counter in html and js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.