<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Online Timer with HTML5 Notifications</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
      <button id="requestPermission">Request Permission</button>
      <button id="checkPermission">Check Permission</button>
      <div>
        Permission: <span id="result">-</span>
      </div>
      <input name="title" placeholder="title"/>
      <input name="tag" placeholder="tag"/>
      <input name="icon" type="url" placeholder="icon"/ >
      <textarea name="body" placeholder="body">
      </textarea>
      <button id="show">show</button>

      <!-- body goes here -->
      <script type="text/javascript" src="script.js"></script>
    </body>
</html>

Add basic input html file
Add basic input html file