JSFiddle - React, Tailwind, and code Playground

by Salem Yaslim

HTML

<script>
function CalcProto(button,input){
	var self = this;
	this.button = button;
  this.input = input;
  this.my = function(){
  	alert(self.input.value + " changed.")
  };
  
	this.button.addEventListener('click',function(){
  	self.input.value = 2;
    self.my()
  });
}
</script>

<button id="myBtn">Try it</button>
<input id="demo" type="number" oninput="my(this)" value="0" disabled >
<script>
/* CalcProto( HTMLButtonElement, HTMLInputElement ); */
new CalcProto(document.getElementById("myBtn"), document.getElementById("demo"));
</script><br />
<button id="myBtn1">Try it</button>
<input id="demo1" type="number" oninput="my(this)" value="0" disabled >
<script>
/* CalcProto( HTMLButtonElement, HTMLInputElement ); */
new CalcProto(document.getElementById("myBtn1"), document.getElementById("demo1"));
</script><br />
<button id="myBtn2">Try it</button>
<input id="demo2" type="number" oninput="my(this)" value="0" disabled >
<script>
/* CalcProto( HTMLButtonElement, HTMLInputElement ); */
new CalcProto(document.getElementById("myBtn2"), document.getElementById("demo2"));
</script><br />
<button id="myBtn3">Try it</button>
<input id="demo3" type="number" oninput="my(this)" value="0" disabled >
<script>
/* CalcProto( HTMLButtonElement, HTMLInputElement ); */
new CalcProto(document.getElementById("myBtn3"), document.getElementById("demo3"));
</script><br />