9.7_prac.html

<!DOCTYPE html>
<html>

<head>
  <title>Name display</title>
</head>

<body>
  <input onkeydown="
  event.key;
  if(event.key === 'Enter'){
   button();
  }
  "
  class="js-input" type="text" placeholder="Name"> <button onclick="
    button();
    ">
    Submit</button>
  <p class="js-output"></p>
  <script>
    function button() {
      const inputElem = document.querySelector('.js-input');
      document.querySelector('.js-output')
        .innerHTML = `Your name is: ${inputElem.value}`;
    }
  </script>
</body>

</html>