JSFiddle - React, Tailwind, and code Playground

by Gowtham Reddy

HTML

<p>List of items</p>
<ol>
<li>Coffee <button type="button" onclick="myFunction()" > + </button> </li><br>
  <li>Tea <button type="button" onclick="myFunction()" > + </button> </li><br>
  <li>Milk <button type="button" onclick="myFunction()" > + </button>  </li><br>
</ol> 
Total : <input type="text" id="total">
<button type="button" onclick="clear()">Clear</button>

JavaScript

console.log("HElllo")
var count=0;
 function myFunction(){
	count++;
  document.getElementById('total').value = count;
}
function clear(){
	count = 0;
  console.log(count);
	document.getElementById('total').value = count;
}