index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="style2.css" />
    <title>JS</title>
  </head>
  <body>
    <script src="index.js"></script>
    <!--On click of Button-1 store something in localStorage-->
    <button class="button" onclick="button1()"> Button-1</button>
    <!--On click of Button-2 show a popup with current time-->
    <button id="myBtn" class="button" onclick="alert(Date())">Button-2</button>
    <!--On click of Button-3 change the background-->
    <button class="button" onclick="button3()">Button-3</button>
    <!--On click of Button-4 refresh the page-->    
    <button class="button" onclick="window.location.reload();">Button-4</button>
    <!--On click of Button-5 open a new window-->
    <button class="button" onclick="window.open('https://pakhi07.github.io/task-8/')">Button-5</button>
    <!-- <a href="www.google.com" target="_blank"></a> -->
    <!--On click of Button-6 spam the console with 'I did it'-->
    <button class="button" onclick="button6()">Button-6</button>
    <form action="" method="get">
      <!--set form action-->
      <button 
                type="button"
                class="button"
                onclick="location.href='chart.html'">
                <span class="button__text">Next</span></form>
    </form>
  </body>
</html>