<h1> sample for showing that react is declarative </h1>
<hr/>
 <button id="btn-click">Click me </button>
<div>
  <h2>welcome <span id="user">user</span> </h2>
</div>

<!--  So here is all the proof thaat shows react is declarative! Here you need to tell the browser eaach and every step as follows
1. give me the button which lies on the document whose id is ....
2.Do something when user clicks on that button
3.give me that element which lies on the document and whose id is user.
 4.set the text as .... on it.


-->

<!--  In react
Hey React,I want to display ... on this element when some one clicks on the button.
this is declarative
--> 

document.querySelector("#btn-click").addEventListener("click",() => {
  document.querySelector("#user").innerText = "prajwal";
})