index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="easy-answer" content="width=device-width, initial-scale=1.0">
  <meta name="viewport" content="width=device-width" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Easy answer maker</title>


<!--JS link file -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="./easyanswer.js"></script>

<!-- CSS link -->
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
  <link rel="stylesheet" href="./styles/main.css">

  <!-- ADD Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Playfair+Display:700|Raleway" rel="stylesheet">

</head>

<body>
    <div class="container">
        <div id="main-title">
            <h1>Easy Answer Maker</h1>
        </div>
        <div class="content">

            <div class="title">
                <h2>What is your question ?</h2>
                <div id="attention">
                    <p></p>
                </div>
            </div>

            <div class="answer">
                <p id="answer"> </p>
            </div>

            <form id="question-form">
                <div>
                    <input type=text id="question" placeholder="Type your question here" onclick=clearScreen()>
                </div>
                <div class="button">
                  <input type=button value="ASK" id="submit-btn" onclick=answer()>
                </div>
            </form>

            <div id="ask-later">
                <h3>Ask me again soon list :</h3>
                <ul id="later-list">
                </ul>
            </div>

        </div>
    </div>
</body>

<footer class="footer">
    <p id="description">
        Easy answer maker, is a tool to give you an easy fast answer to any YES or NO question. It will not give a reasonable answer. It will not think it through, it will just help you make a decision for those times you already took the decision to let Easy answer maker take a decision for you.
    </p>
</footer>

</html>