<html>

<head>
    <title>JavaScript</title>
    <link rel="stylesheet" href="style.css"> </head>

<body>
    <div >Ask your question?</div>
    <input type="text" placeholder="question">
    <button type="button" >Ask</button>
    <div class="message"></div>
    <script>
    const answerArray = ["It will work","Maybe maybe not","Probably Not","Highly Likely","I don't know"];
    const message = document.querySelector(".message");
    const question = document.querySelector("input");
    const button = document.querySelector("button");
    button.addEventListener("click",function(){
        let res = Math.floor(Math.random()*answerArray.length);
        message.innerText = question.value + " " + answerArray[res];
        question.value = "";
    })
    </script>
</body>

</html>