index.html

<!DOCTYPE html>
<html>
  <head>
    <title>here is yr answer ^.^</title>
    <style>
    body {
      min-height: 100vh;
      background: linear-gradient(aquamarine, white);
      font-size: 300px;
      font-family: Helvetica;
      font-weight: lighter;
    }
    #userQ {
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
        </style>
<script>
const userInput = document.createElement('textarea');
userInput.type = 'input';
alert("wld you like yr answer ^.^?");
const yesNo = ["Yes", "No"]
let randomYesNo = yesNo[Math.floor(Math.random()*yesNo.length)];
window.onload = () => document.getElementById("userQ").innerHTML = randomYesNo;
</script>
  </head>
  <body>
    <div id="userQ">
      <pre>Enable JavaScript to receive an answer. ^.^</pre>
    </div>
  </body>
  </html>