title: Call image from within a javascript function?
body: <p>On <a href="http://sleep.fm/coming-soon/" rel="nofollow noreferrer">this site</a>, when user sets alarm sound and time, under "Set Alarm," their chosen time and alarm sound appears.</p>
  
  <p>I want instead of for example, 2:00pm [X] (alarm set - weather) or 2:00pm [X] (alarm set - rooster) I want the image of weather or rooster to appear instead of it printing text.</p>
  
  <p>This is the function that is printing the text</p>
  
  <pre><code>function getAlarmName(ind){
      if(ind==4) return "weather";
      else if(ind==3) return "flight";
      else if(ind==1) return "time";
      else return "rooster";
  }
  </code></pre>
  
  <p>I tried removing "weather," and "flight," for example and adding instead image/weather.jpg  and image/flight.jpg, but that is not the correct syntax.</p>