JSFiddle - React, Tailwind, and code Playground

by merindema

HTML

<div id="test_20">
		<div class="container">
			<div class="col-lg-12">
				<form>	
					<input class="button" type="button" value="Button 1" onclick="myFun()">
					<input class="button" type="button" value="Button 2" onclick="myFun()">
					<input class="button" type="button" value="Button 3" onclick="myFun()">
				</form>
			</div>
		</div>
	</div>

JavaScript

function myFun() {
	// body...
	var btn = document.querySelectorAll(".button");
	var i = 0;
	var len = btn.length;
	for (i,len; i < len; i++) {
		if(btn[i].value == 'Button 1'){
			alert(btn[0].value);
			return false;
		}
		if(btn[i].value == 'Button 2'){
			alert(btn[1].value);
			return false;
		}
		if(btn[i].value == 'Button 3'){
			alert(btn[2].value);
			return false;
		}
	}
}