title: HTML code inside <Script> tag
body: <p>I am having a hard executing a chunk of HTML code inside my JavaScript logic, i was wondering if someone could point out what i am doing wrong? What i am trying to achieve is run either video based on probability. Here is my code: </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;.&lt;/head&gt;
  &lt;body&gt;
  &lt;script&gt;
  function myFunction() {
      var chance = (( Math.random()*100)+1)
      if (chance&gt;= 0 || chance&lt;=50){
  
          &lt;video controls autoplay name="media"&gt;
      &lt;source src="http://webmup.com/195a3/vid.webm" type="video/webm"&gt;
          &lt;/video&gt;
  
  }
      else {
  
          &lt;video controls autoplay name="media"&gt;
          &lt;iframe width="420" height="315"
      &lt;source src="https://www.youtube.com/embed/IdtKbq3Omkw" type="video/webm"&gt;
          &lt;/ifrmae&gt;
          &lt;/video&gt;
  
  }
  }
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>