JSFiddle - React, Tailwind, and code Playground

by mavdhana

HTML

<div id="container"></div>
<div id="boenumber" style="margin-left:6px;">
   
    <button style="height:26px; width: 99px; font-size: 15px; background-color: #D6DBDF;"
id="fetchBOE" name="fetchBOE" onclick="test();">Fetch BOE</button>

</div>
<div><button style="height:26px; width: 99px; font-size: 15px; background-color: #D6DBDF;"
id="savebtn" name="savebtn" onclick="savefun();return false;">Save</button>
</div>

CSS

#emails input {
display: block;
}

JavaScript

var fetchBOEButtonClicked = false;
function savefun(){

if(fetchBOEButtonClicked!= true)
{
	 fetchBOEButtonClicked = true;
   alert("Please click Fetch BOE firstly");
}else{
	alert("Save button clicked Successfully");
}
}

function test(){
	alert("Fetch BOE clicked Successfully");
  fetchBOEButtonClicked = true;
}