Untitled

<!DOCTYPE html>
<html lang="kr" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>indexOf</title>
  </head>
  <body>
    <div id="images">
      <h1>RESULT</h1>
    </div>
    <script>
      function toImg(url){
        return `<img src="${url}">`;
      }
      var str = "Pen apple Pen apple Pineapple apple pen Pen";
      str = str.split(" ");
      var result = document.getElementById('images');
      for (var i in str){
        str[i] = str[i].toUpperCase();
        //alert(str[i]);
        switch(str[i]){
          case 'PEN':
            result.innerHTML += toImg('a.jpg');
            break;
          case 'PINEAPPLE':
            result.innerHTML += toImg('b.jpg');
            break;
          case 'APPLE':
            result.innerHTML += toImg('c.jpg');
            break;
        }
      }
    </script>
  </body>
</html>