    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>드롭박스에서 값 읽기</title>
      <link rel="stylesheet" href="style_js.css">
    </head>
    <body>
      <p>키우고 싶은 동물은</p>
      <select id="myOption">
        <option value="dog">개</option>
        <option value="cat">고양이</option>
        <option value="duck">오리</option>
        <option value="koala">코알라</option>
      </select><br>
      <input type="button" value="클릭" onclick="getSelect()"><hr>
      <h2 id="result"></h2>
      <script>
        function getSelect() {
          const index = document.getElementById("myOption").selectedIndex;
          const st = document.getElementById("myOption").options[index].value;
          document.getElementById("result").innerHTML = st;
       }
      </script>
    </body>
    </html>