index.html

<!DOCTYPE html>
<html>
  <head>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <script src="sj.js"></script>
  </head>
  <body>

    <div id="before">

        <input id="texti" type="text" placeholder="Enter Text Here">

        <button onclick="load()">Load</button>

    </div>

    <div id="after">

    <h1 id="xyz">TEXT DISPLAY HERE</h1>
    <button onclick="changeColor('red',event)">red</button>
    <button onclick="changeColor('green',event)">green</button>
    <button onclick="changeColor('blue',event)">blue</button>
    <button onclick="hide()">gayab</button>
    <button onclick="show()">show</button>

    <button onclick="reLoad()">Change Name</button>

    </div>


	<h2>Made by LALA STUDIO</h2>

  </body>
</html>