<h4 dir="auto">Problems with :</h4>
<ul dir="auto">
<li>Create a JavaScript Slot Machine</li>
<li>Bring your JavaScript Slot Machine to Life</li>
<li>Give your JavaScript Slot Machine some Stylish Images</li>
</ul>

<h4 dir="auto">Issue Description</h4>

<p dir="auto">Despite entering the code correctly and as illustrated, the following tests never get resolved:</p>
<p dir="auto">(In Create a JavaScript Slot Machine)<br>
"assert((function(){if(editor.match(/Math.floor(\s_Math.random()\s_*\s_(\s_3\s_-\s_1\s_+\s_1\s_)\s_)\s_+\s_1/gi) !== null){return editor.match(/slot.<em>?=.</em>?(.<em>?).</em>?/gi).length &gt;= 3;}else{return false;}})(), 'You should have used Math.floor(Math.random() * (3 - 1 + 1)) + 1; three times to generate your random numbers.')"</p>
<p dir="auto">(In Bring your JavaScript Slot Machine to Life)<br>
"assert((editor.match( /$\s_?(\s_?$\s_?(\s_?(?:'|")\s_?.slot\s_?(?:'|")\s_?)[\d]\s_?)/gi) &amp;&amp; editor.match( /$\s_?(\s_?$\s_?(\s_?(?:'|")\s_?.slot\s_?(?:'|")\s_?)[\d]\s_?)/gi ).length &gt;= 3 &amp;&amp; editor.match( /.html(slotOne)/gi ) &amp;&amp; editor.match( /.html(slotTwo)/gi ) &amp;&amp; editor.match( /.html(slotThree)/gi )), 'You should have used the the selector given in the description to select each slot and assign it the value of slotOne, slotTwo and slotThree respectively.')"</p>
<p dir="auto">(In Give your JavaScript Slot Machine some Stylish Images, none of the tests work)</p>
<h4 dir="auto">Browser Information</h4>

<ul dir="auto">
<li>Browser Name, Version: Chrome, Version 52.0.2743.116 (64-bit)</li>
<li>Operating System: OS X 10.11.3</li>
<li>Mobile, Desktop, or Tablet:  Desktop</li>
</ul>
<h4 dir="auto">Your Code</h4>

<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=" From Create a JavaScript Slot Machine:


&lt;script&gt;
  function runSlots() {
    var slotOne;
    var slotTwo;
    var slotThree;

    var images = [&quot;//i.imgur.com/9H17QFk.png&quot;, &quot;//i.imgur.com/9RmpXTy.png&quot;, &quot;//i.imgur.com/VJnmtt5.png&quot;];

    // Only change code below this line.
    slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
    slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
    slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;


    // Only change code above this line.


    if (slotOne !== undefined &amp;&amp; slotTwo !== undefined &amp;&amp; slotThree !== undefined) {
      $(&quot;.logger&quot;).html(slotOne + &quot; &quot; + slotTwo + &quot; &quot; + slotThree);
    }


    $(&quot;.logger&quot;).append(&quot; Not A Win&quot;)
    return [slotOne, slotTwo, slotThree];
  }

  $(document).ready(function() {
     $(&quot;.go&quot;).click(function() {
       runSlots();
     });
   });
&lt;/script&gt;

&lt;div&gt;
 &lt;div class = &quot;container inset&quot;&gt;
   &lt;div class = &quot;header inset&quot;&gt;
     &lt;img src=&quot;https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz&quot; alt=&quot;learn to code JavaScript at Free Code Camp logo&quot; class=&quot;img-responsive nav-logo&quot;&gt;
     &lt;h2&gt;FCC Slot Machine&lt;/h2&gt;
   &lt;/div&gt;
   &lt;div class = &quot;slots inset&quot;&gt;
     &lt;div class = &quot;slot inset&quot;&gt;

     &lt;/div&gt;
     &lt;div class = &quot;slot inset&quot;&gt;

     &lt;/div&gt;
     &lt;div class = &quot;slot inset&quot;&gt;

     &lt;/div&gt;
   &lt;/div&gt;
   &lt;br/&gt;
   &lt;div class = &quot;outset&quot;&gt;
     &lt;button class = &quot;go inset&quot;&gt;
       Go
     &lt;/button&gt;
   &lt;/div&gt;
   &lt;br/&gt;
   &lt;div class = &quot;foot inset&quot;&gt;
     &lt;span class = &quot;logger&quot;&gt;&lt;/span&gt;
   &lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
 .container {
   background-color: #4a2b0f;
   height: 400px;
   width: 260px;
   margin: 50px auto;
   border-radius: 4px;
 }
 .header {
   border: 2px solid #fff;
   border-radius: 4px;
   height: 55px;
   margin: 14px auto;
   background-color: #457f86
 }
 .header h2 {
   height: 30px;
   margin: auto;
 }
 .header h2 {
   font-size: 14px;
   margin: 0 0;
   padding: 0;
   color: #fff;
   text-align: center;
 }
 .slots{
   display: flex;
   background-color: #457f86;
   border-radius: 6px;
   border: 2px solid #fff;
 }
 .slot{
   flex: 1 0 auto;
   background: white;
   height: 75px;
   margin: 8px;
   border: 2px solid #215f1e;
   border-radius: 4px;
 }
 .go {
   width: 100%;
   color: #fff;
   background-color: #457f86;
   border: 2px solid #fff;
   border-radius: 2px;
   box-sizing: none;
   outline: none!important;
 }
 .foot {
   height: 150px;
   background-color: 457f86;
   border: 2px solid #fff;
 }

 .logger {
   color: white;
   margin: 10px;
 }

 .outset {
   -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
 }

 .inset {
   -webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
   box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
 }
&lt;/style&gt;


From Bring your JavaScript Slot Machine to Life


&lt;script&gt;
  function runSlots() {
    var slotOne;
    var slotTwo;
    var slotThree;

    var images = [&quot;//i.imgur.com/9H17QFk.png&quot;, &quot;//i.imgur.com/9RmpXTy.png&quot;, &quot;//i.imgur.com/VJnmtt5.png&quot;];

    slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
    slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
    slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;


    // Only change code below this line.
    $($(&quot;.slot&quot;)[0]).html(slotOne);
    $($(&quot;.slot&quot;)[1]).html(slotTwo);
    $($(&quot;.slot&quot;)[2]).html(slotThree);

    // Only change code above this line.

    if (slotOne === slotTwo &amp;&amp; slotTwo === slotThree) {
      $(&quot;.logger&quot;).html(&quot; It's A Win&quot;)
      return null;
    }

    if (slotOne !== undefined &amp;&amp; slotTwo !== undefined &amp;&amp; slotThree !== undefined){
      $(&quot;.logger&quot;).html(slotOne + &quot; &quot; + slotTwo + &quot; &quot; + slotThree);
    }

    $(&quot;.logger&quot;).append(&quot; Not A Win&quot;);


    return [slotOne, slotTwo, slotThree];
  }

  $(document).ready(function() {
     $(&quot;.go&quot;).click(function() {
       runSlots();
     });
   });
&lt;/script&gt;

&lt;div&gt;
 &lt;div class = &quot;container inset&quot;&gt;
   &lt;div class = &quot;header inset&quot;&gt;
     &lt;img src=&quot;https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz&quot; alt=&quot;learn to code JavaScript at Free Code Camp logo&quot; class=&quot;img-responsive nav-logo&quot;&gt;
     &lt;h2&gt;FCC Slot Machine&lt;/h2&gt;
   &lt;/div&gt;
   &lt;div class = &quot;slots inset&quot;&gt;
     &lt;div class = &quot;slot inset&quot;&gt;

     &lt;/div&gt;
     &lt;div class = &quot;slot inset&quot;&gt;

     &lt;/div&gt;
     &lt;div class = &quot;slot inset&quot;&gt;

     &lt;/div&gt;
   &lt;/div&gt;
   &lt;br/&gt;
   &lt;div class = &quot;outset&quot;&gt;
     &lt;button class = &quot;go inset&quot;&gt;
       Go
     &lt;/button&gt;
   &lt;/div&gt;
   &lt;br/&gt;
   &lt;div class = &quot;foot inset&quot;&gt;
     &lt;span class = &quot;logger&quot;&gt;&lt;/span&gt;
   &lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
 .container {
   background-color: #4a2b0f;
   height: 400px;
   width: 260px;
   margin: 50px auto;
   border-radius: 4px;
 }
 .header {
   border: 2px solid #fff;
   border-radius: 4px;
   height: 55px;
   margin: 14px auto;
   background-color: #457f86
 }
 .header h2 {
   height: 30px;
   margin: auto;
 }
 .header h2 {
   font-size: 14px;
   margin: 0 0;
   padding: 0;
   color: #fff;
   text-align: center;
 }
 .slots{
   display: flex;
   background-color: #457f86;
   border-radius: 6px;
   border: 2px solid #fff;
 }
 .slot{
   flex: 1 0 auto;
   background: white;
   height: 75px;
   margin: 8px;
   border: 2px solid #215f1e;
   border-radius: 4px;
   text-align: center;
   padding-top: 25px;
 }
 .go {
   width: 100%;
   color: #fff;
   background-color: #457f86;
   border: 2px solid #fff;
   border-radius: 2px;
   box-sizing: none;
   outline: none!important;
 }
 .foot {
   height: 150px;
   background-color: 457f86;
   border: 2px solid #fff;
 }

 .logger {
   color: white;
   margin: 10px;
 }

 .outset {
   -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
 }

 .inset {
   -webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
   box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
 }
&lt;/style&gt;


From Give your JavaScript Slot Machine some Stylish Images


&lt;script&gt;
  function runSlots() {
    var slotOne;
    var slotTwo;
    var slotThree;

    var images = [&quot;//i.imgur.com/9H17QFk.png&quot;, &quot;//i.imgur.com/9RmpXTy.png&quot;, &quot;//i.imgur.com/VJnmtt5.png&quot;];

    slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
    slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
    slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;


    // Only change code below this line.

    $($('.slot')[0]).html('&lt;img src = &quot;' + images[slotOne-1] + '&quot;&gt;');
    $($('.slot')[1]).html('&lt;img src = &quot;' + images[slotTwo-1] + '&quot;&gt;');
    $($('.slot')[2]).html('&lt;img src = &quot;' + images[slotThree-1] + '&quot;&gt;');

    // Only change code above this line.

    if (slotOne === slotTwo &amp;&amp; slotTwo === slotThree) {
      $('.logger').html(&quot;It's A Win&quot;);
      return null;
    }

    if (slotOne !== undefined &amp;&amp; slotTwo !== undefined &amp;&amp; slotThree !== undefined){
      $(&quot;.logger&quot;).html(slotOne + &quot; &quot; + slotTwo + &quot; &quot; + slotThree);
    }

    $('.logger').append(&quot; Not A Win&quot;);

    return [slotOne, slotTwo, slotThree];
  }

  $(document).ready(function() {
     $('.go').click(function() {
       runSlots();
     });
   });
&lt;/script&gt;

&lt;div&gt;
 &lt;div class = 'container inset'&gt;
   &lt;div class = 'header inset'&gt;
     &lt;img src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz' alt='learn to code JavaScript at Free Code Camp logo' class='img-responsive nav-logo'&gt;
     &lt;h2&gt;FCC Slot Machine&lt;/h2&gt;
   &lt;/div&gt;
   &lt;div class = 'slots inset'&gt;
     &lt;div class = 'slot inset'&gt;

     &lt;/div&gt;
     &lt;div class = 'slot inset'&gt;

     &lt;/div&gt;
     &lt;div class = 'slot inset'&gt;

     &lt;/div&gt;
   &lt;/div&gt;
   &lt;br/&gt;
   &lt;div class = 'outset'&gt;
     &lt;button class = 'go inset'&gt;
       Go
     &lt;/button&gt;
   &lt;/div&gt;
   &lt;br/&gt;
   &lt;div class = 'foot inset'&gt;
     &lt;span class = 'logger'&gt;&lt;/span&gt;
   &lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;style&gt;
 .slot &gt; img {
  margin: 0!important;
  height: 71px;
  width: 50px;
 }
 .container {
   background-color: #4a2b0f;
   height: 400px;
   width: 260px;
   margin: 50px auto;
   border-radius: 4px;
 }
 .header {
   border: 2px solid #fff;
   border-radius: 4px;
   height: 55px;
   margin: 14px auto;
   background-color: #457f86
 }
 .header h2 {
   height: 30px;
   margin: auto;
 }
 .header h2 {
   font-size: 14px;
   margin: 0 0;
   padding: 0;
   color: #fff;
   text-align: center;
 }
 .slots{
   display: flex;
   background-color: #457f86;
   border-radius: 6px;
   border: 2px solid #fff;
 }
 .slot{
   flex: 1 0 auto;
   background: white;
   height: 75px;
   width: 50px;
   margin: 8px;
   border: 2px solid #215f1e;
   border-radius: 4px;
   text-align: center;
 }
 .go {
   width: 100%;
   color: #fff;
   background-color: #457f86;
   border: 2px solid #fff;
   border-radius: 2px;
   box-sizing: none;
   outline: none!important;
 }
 .foot {
   height: 150px;
   background-color: 457f86;
   border: 2px solid #fff;
 }

 .logger {
   color: white;
   margin: 10px;
 }

 .outset {
   -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
     box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
 }

 .inset {
   -webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
   -moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
   box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
 }
&lt;/style&gt;


"><pre class="notranslate"> From Create a JavaScript Slot Machine:


<span class="pl-kos">&lt;</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
  <span class="pl-k">function</span> <span class="pl-en">runSlots</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">var</span> <span class="pl-s1">slotOne</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">slotTwo</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">slotThree</span><span class="pl-kos">;</span>

    <span class="pl-k">var</span> <span class="pl-s1">images</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-s">"//i.imgur.com/9H17QFk.png"</span><span class="pl-kos">,</span> <span class="pl-s">"//i.imgur.com/9RmpXTy.png"</span><span class="pl-kos">,</span> <span class="pl-s">"//i.imgur.com/VJnmtt5.png"</span><span class="pl-kos">]</span><span class="pl-kos">;</span>

    <span class="pl-c">// Only change code below this line.</span>
    <span class="pl-s1">slotOne</span> <span class="pl-c1">=</span> <span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">floor</span><span class="pl-kos">(</span><span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">random</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-kos">(</span><span class="pl-c1">3</span> <span class="pl-c1">-</span> <span class="pl-c1">1</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">;</span>
    <span class="pl-s1">slotTwo</span> <span class="pl-c1">=</span> <span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">floor</span><span class="pl-kos">(</span><span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">random</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-kos">(</span><span class="pl-c1">3</span> <span class="pl-c1">-</span> <span class="pl-c1">1</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">;</span>
    <span class="pl-s1">slotThree</span> <span class="pl-c1">=</span> <span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">floor</span><span class="pl-kos">(</span><span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">random</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-kos">(</span><span class="pl-c1">3</span> <span class="pl-c1">-</span> <span class="pl-c1">1</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">;</span>


    <span class="pl-c">// Only change code above this line.</span>


    <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">slotOne</span> <span class="pl-c1">!==</span> <span class="pl-c1">undefined</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">!==</span> <span class="pl-c1">undefined</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-s1">slotThree</span> <span class="pl-c1">!==</span> <span class="pl-c1">undefined</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
      <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".logger"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s1">slotOne</span> <span class="pl-c1">+</span> <span class="pl-s">" "</span> <span class="pl-c1">+</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">+</span> <span class="pl-s">" "</span> <span class="pl-c1">+</span> <span class="pl-s1">slotThree</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span>


    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".logger"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">append</span><span class="pl-kos">(</span><span class="pl-s">" Not A Win"</span><span class="pl-kos">)</span>
    <span class="pl-k">return</span> <span class="pl-kos">[</span><span class="pl-s1">slotOne</span><span class="pl-kos">,</span> <span class="pl-s1">slotTwo</span><span class="pl-kos">,</span> <span class="pl-s1">slotThree</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>

  <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-smi">document</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">ready</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
     <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".go"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
       <span class="pl-en">runSlots</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
     <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
   <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
 <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">container inset</span>"<span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">header inset</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">img</span> <span class="pl-c1">src</span>="<span class="pl-s">https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz</span>" <span class="pl-c1">alt</span>="<span class="pl-s">learn to code JavaScript at Free Code Camp logo</span>" <span class="pl-c1">class</span>="<span class="pl-s">img-responsive nav-logo</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>FCC Slot Machine<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">slots inset</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">slot inset</span>"<span class="pl-kos">&gt;</span>

     <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">slot inset</span>"<span class="pl-kos">&gt;</span>

     <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">slot inset</span>"<span class="pl-kos">&gt;</span>

     <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">br</span>/&gt;
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">outset</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span> = "<span class="pl-s">go inset</span>"<span class="pl-kos">&gt;</span>
       Go
     <span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">br</span>/&gt;
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">foot inset</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">span</span> <span class="pl-c1">class</span> = "<span class="pl-s">logger</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
 <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
 .<span class="pl-c1">container</span> {
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>4a2b0f</span>;
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">400<span class="pl-smi">px</span></span>;
   <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">260<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">50<span class="pl-smi">px</span></span> auto;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
 }
 .<span class="pl-c1">header</span> {
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">55<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">14<span class="pl-smi">px</span></span> auto;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>457f86</span>
 }
 .<span class="pl-c1">header</span> <span class="pl-ent">h2</span> {
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">30<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> auto;
 }
 .<span class="pl-c1">header</span> <span class="pl-ent">h2</span> {
   <span class="pl-c1">font-size</span><span class="pl-kos">:</span> <span class="pl-c1">14<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">0</span> <span class="pl-c1">0</span>;
   <span class="pl-c1">padding</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
   <span class="pl-c1">color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">text-align</span><span class="pl-kos">:</span> center;
 }
 .<span class="pl-c1">slots</span>{
   <span class="pl-c1">display</span><span class="pl-kos">:</span> flex;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>457f86</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">6<span class="pl-smi">px</span></span>;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
 }
 .<span class="pl-c1">slot</span>{
   <span class="pl-c1">flex</span><span class="pl-kos">:</span> <span class="pl-c1">1</span> <span class="pl-c1">0</span> auto;
   <span class="pl-c1">background</span><span class="pl-kos">:</span> white;
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">75<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">8<span class="pl-smi">px</span></span>;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>215f1e</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
 }
 .<span class="pl-c1">go</span> {
   <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">100<span class="pl-smi">%</span></span>;
   <span class="pl-c1">color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>457f86</span>;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span>;
   <span class="pl-c1">box-sizing</span><span class="pl-kos">:</span> none;
   <span class="pl-c1">outline</span><span class="pl-kos">:</span> none<span class="pl-k">!important</span>;
 }
 .<span class="pl-c1">foot</span> {
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">150<span class="pl-smi">px</span></span>;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-c1">457</span>f86;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
 }

 .<span class="pl-c1">logger</span> {
   <span class="pl-c1">color</span><span class="pl-kos">:</span> white;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span>;
 }

 .<span class="pl-c1">outset</span> {
   <span class="pl-c1">-webkit-box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
   <span class="pl-c1">-moz-box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
     <span class="pl-c1">box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
 }

 .<span class="pl-c1">inset</span> {
   <span class="pl-c1">-webkit-box-shadow</span><span class="pl-kos">:</span> inset <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
   <span class="pl-c1">-moz-box-shadow</span><span class="pl-kos">:</span> inset <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
   <span class="pl-c1">box-shadow</span><span class="pl-kos">:</span> inset <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
 }
<span class="pl-kos">&lt;/</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>


From Bring your JavaScript Slot Machine to Life


<span class="pl-kos">&lt;</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
  <span class="pl-k">function</span> <span class="pl-en">runSlots</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">var</span> <span class="pl-s1">slotOne</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">slotTwo</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">slotThree</span><span class="pl-kos">;</span>

    <span class="pl-k">var</span> <span class="pl-s1">images</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-s">"//i.imgur.com/9H17QFk.png"</span><span class="pl-kos">,</span> <span class="pl-s">"//i.imgur.com/9RmpXTy.png"</span><span class="pl-kos">,</span> <span class="pl-s">"//i.imgur.com/VJnmtt5.png"</span><span class="pl-kos">]</span><span class="pl-kos">;</span>

    <span class="pl-s1">slotOne</span> <span class="pl-c1">=</span> <span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">floor</span><span class="pl-kos">(</span><span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">random</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-kos">(</span><span class="pl-c1">3</span> <span class="pl-c1">-</span> <span class="pl-c1">1</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">;</span>
    <span class="pl-s1">slotTwo</span> <span class="pl-c1">=</span> <span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">floor</span><span class="pl-kos">(</span><span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">random</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-kos">(</span><span class="pl-c1">3</span> <span class="pl-c1">-</span> <span class="pl-c1">1</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">;</span>
    <span class="pl-s1">slotThree</span> <span class="pl-c1">=</span> <span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">floor</span><span class="pl-kos">(</span><span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">random</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-kos">(</span><span class="pl-c1">3</span> <span class="pl-c1">-</span> <span class="pl-c1">1</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">;</span>


    <span class="pl-c">// Only change code below this line.</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".slot"</span><span class="pl-kos">)</span><span class="pl-kos">[</span><span class="pl-c1">0</span><span class="pl-kos">]</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s1">slotOne</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".slot"</span><span class="pl-kos">)</span><span class="pl-kos">[</span><span class="pl-c1">1</span><span class="pl-kos">]</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s1">slotTwo</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".slot"</span><span class="pl-kos">)</span><span class="pl-kos">[</span><span class="pl-c1">2</span><span class="pl-kos">]</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s1">slotThree</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

    <span class="pl-c">// Only change code above this line.</span>

    <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">slotOne</span> <span class="pl-c1">===</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">===</span> <span class="pl-s1">slotThree</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
      <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".logger"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s">" It's A Win"</span><span class="pl-kos">)</span>
      <span class="pl-k">return</span> <span class="pl-c1">null</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span>

    <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">slotOne</span> <span class="pl-c1">!==</span> <span class="pl-c1">undefined</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">!==</span> <span class="pl-c1">undefined</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-s1">slotThree</span> <span class="pl-c1">!==</span> <span class="pl-c1">undefined</span><span class="pl-kos">)</span><span class="pl-kos">{</span>
      <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".logger"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s1">slotOne</span> <span class="pl-c1">+</span> <span class="pl-s">" "</span> <span class="pl-c1">+</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">+</span> <span class="pl-s">" "</span> <span class="pl-c1">+</span> <span class="pl-s1">slotThree</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span>

    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".logger"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">append</span><span class="pl-kos">(</span><span class="pl-s">" Not A Win"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>


    <span class="pl-k">return</span> <span class="pl-kos">[</span><span class="pl-s1">slotOne</span><span class="pl-kos">,</span> <span class="pl-s1">slotTwo</span><span class="pl-kos">,</span> <span class="pl-s1">slotThree</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>

  <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-smi">document</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">ready</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
     <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".go"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
       <span class="pl-en">runSlots</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
     <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
   <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
 <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">container inset</span>"<span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">header inset</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">img</span> <span class="pl-c1">src</span>="<span class="pl-s">https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz</span>" <span class="pl-c1">alt</span>="<span class="pl-s">learn to code JavaScript at Free Code Camp logo</span>" <span class="pl-c1">class</span>="<span class="pl-s">img-responsive nav-logo</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>FCC Slot Machine<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">slots inset</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">slot inset</span>"<span class="pl-kos">&gt;</span>

     <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">slot inset</span>"<span class="pl-kos">&gt;</span>

     <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">slot inset</span>"<span class="pl-kos">&gt;</span>

     <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">br</span>/&gt;
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">outset</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span> = "<span class="pl-s">go inset</span>"<span class="pl-kos">&gt;</span>
       Go
     <span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">br</span>/&gt;
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = "<span class="pl-s">foot inset</span>"<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">span</span> <span class="pl-c1">class</span> = "<span class="pl-s">logger</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
 <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
 .<span class="pl-c1">container</span> {
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>4a2b0f</span>;
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">400<span class="pl-smi">px</span></span>;
   <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">260<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">50<span class="pl-smi">px</span></span> auto;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
 }
 .<span class="pl-c1">header</span> {
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">55<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">14<span class="pl-smi">px</span></span> auto;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>457f86</span>
 }
 .<span class="pl-c1">header</span> <span class="pl-ent">h2</span> {
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">30<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> auto;
 }
 .<span class="pl-c1">header</span> <span class="pl-ent">h2</span> {
   <span class="pl-c1">font-size</span><span class="pl-kos">:</span> <span class="pl-c1">14<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">0</span> <span class="pl-c1">0</span>;
   <span class="pl-c1">padding</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
   <span class="pl-c1">color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">text-align</span><span class="pl-kos">:</span> center;
 }
 .<span class="pl-c1">slots</span>{
   <span class="pl-c1">display</span><span class="pl-kos">:</span> flex;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>457f86</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">6<span class="pl-smi">px</span></span>;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
 }
 .<span class="pl-c1">slot</span>{
   <span class="pl-c1">flex</span><span class="pl-kos">:</span> <span class="pl-c1">1</span> <span class="pl-c1">0</span> auto;
   <span class="pl-c1">background</span><span class="pl-kos">:</span> white;
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">75<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">8<span class="pl-smi">px</span></span>;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>215f1e</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
   <span class="pl-c1">text-align</span><span class="pl-kos">:</span> center;
   <span class="pl-c1">padding-top</span><span class="pl-kos">:</span> <span class="pl-c1">25<span class="pl-smi">px</span></span>;
 }
 .<span class="pl-c1">go</span> {
   <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">100<span class="pl-smi">%</span></span>;
   <span class="pl-c1">color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>457f86</span>;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span>;
   <span class="pl-c1">box-sizing</span><span class="pl-kos">:</span> none;
   <span class="pl-c1">outline</span><span class="pl-kos">:</span> none<span class="pl-k">!important</span>;
 }
 .<span class="pl-c1">foot</span> {
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">150<span class="pl-smi">px</span></span>;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-c1">457</span>f86;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
 }

 .<span class="pl-c1">logger</span> {
   <span class="pl-c1">color</span><span class="pl-kos">:</span> white;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span>;
 }

 .<span class="pl-c1">outset</span> {
   <span class="pl-c1">-webkit-box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
   <span class="pl-c1">-moz-box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
     <span class="pl-c1">box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
 }

 .<span class="pl-c1">inset</span> {
   <span class="pl-c1">-webkit-box-shadow</span><span class="pl-kos">:</span> inset <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
   <span class="pl-c1">-moz-box-shadow</span><span class="pl-kos">:</span> inset <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
   <span class="pl-c1">box-shadow</span><span class="pl-kos">:</span> inset <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
 }
<span class="pl-kos">&lt;/</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>


From Give your JavaScript Slot Machine some Stylish Images


<span class="pl-kos">&lt;</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
  <span class="pl-k">function</span> <span class="pl-en">runSlots</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
    <span class="pl-k">var</span> <span class="pl-s1">slotOne</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">slotTwo</span><span class="pl-kos">;</span>
    <span class="pl-k">var</span> <span class="pl-s1">slotThree</span><span class="pl-kos">;</span>

    <span class="pl-k">var</span> <span class="pl-s1">images</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-s">"//i.imgur.com/9H17QFk.png"</span><span class="pl-kos">,</span> <span class="pl-s">"//i.imgur.com/9RmpXTy.png"</span><span class="pl-kos">,</span> <span class="pl-s">"//i.imgur.com/VJnmtt5.png"</span><span class="pl-kos">]</span><span class="pl-kos">;</span>

    <span class="pl-s1">slotOne</span> <span class="pl-c1">=</span> <span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">floor</span><span class="pl-kos">(</span><span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">random</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-kos">(</span><span class="pl-c1">3</span> <span class="pl-c1">-</span> <span class="pl-c1">1</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">;</span>
    <span class="pl-s1">slotTwo</span> <span class="pl-c1">=</span> <span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">floor</span><span class="pl-kos">(</span><span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">random</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-kos">(</span><span class="pl-c1">3</span> <span class="pl-c1">-</span> <span class="pl-c1">1</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">;</span>
    <span class="pl-s1">slotThree</span> <span class="pl-c1">=</span> <span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">floor</span><span class="pl-kos">(</span><span class="pl-v">Math</span><span class="pl-kos">.</span><span class="pl-en">random</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">*</span> <span class="pl-kos">(</span><span class="pl-c1">3</span> <span class="pl-c1">-</span> <span class="pl-c1">1</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">)</span><span class="pl-kos">)</span> <span class="pl-c1">+</span> <span class="pl-c1">1</span><span class="pl-kos">;</span>


    <span class="pl-c">// Only change code below this line.</span>

    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'.slot'</span><span class="pl-kos">)</span><span class="pl-kos">[</span><span class="pl-c1">0</span><span class="pl-kos">]</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s">'&lt;img src = "'</span> <span class="pl-c1">+</span> <span class="pl-s1">images</span><span class="pl-kos">[</span><span class="pl-s1">slotOne</span><span class="pl-c1">-</span><span class="pl-c1">1</span><span class="pl-kos">]</span> <span class="pl-c1">+</span> <span class="pl-s">'"&gt;'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'.slot'</span><span class="pl-kos">)</span><span class="pl-kos">[</span><span class="pl-c1">1</span><span class="pl-kos">]</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s">'&lt;img src = "'</span> <span class="pl-c1">+</span> <span class="pl-s1">images</span><span class="pl-kos">[</span><span class="pl-s1">slotTwo</span><span class="pl-c1">-</span><span class="pl-c1">1</span><span class="pl-kos">]</span> <span class="pl-c1">+</span> <span class="pl-s">'"&gt;'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'.slot'</span><span class="pl-kos">)</span><span class="pl-kos">[</span><span class="pl-c1">2</span><span class="pl-kos">]</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s">'&lt;img src = "'</span> <span class="pl-c1">+</span> <span class="pl-s1">images</span><span class="pl-kos">[</span><span class="pl-s1">slotThree</span><span class="pl-c1">-</span><span class="pl-c1">1</span><span class="pl-kos">]</span> <span class="pl-c1">+</span> <span class="pl-s">'"&gt;'</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

    <span class="pl-c">// Only change code above this line.</span>

    <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">slotOne</span> <span class="pl-c1">===</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">===</span> <span class="pl-s1">slotThree</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
      <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'.logger'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s">"It's A Win"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
      <span class="pl-k">return</span> <span class="pl-c1">null</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span>

    <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">slotOne</span> <span class="pl-c1">!==</span> <span class="pl-c1">undefined</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">!==</span> <span class="pl-c1">undefined</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-s1">slotThree</span> <span class="pl-c1">!==</span> <span class="pl-c1">undefined</span><span class="pl-kos">)</span><span class="pl-kos">{</span>
      <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">".logger"</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">html</span><span class="pl-kos">(</span><span class="pl-s1">slotOne</span> <span class="pl-c1">+</span> <span class="pl-s">" "</span> <span class="pl-c1">+</span> <span class="pl-s1">slotTwo</span> <span class="pl-c1">+</span> <span class="pl-s">" "</span> <span class="pl-c1">+</span> <span class="pl-s1">slotThree</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
    <span class="pl-kos">}</span>

    <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'.logger'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">append</span><span class="pl-kos">(</span><span class="pl-s">" Not A Win"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>

    <span class="pl-k">return</span> <span class="pl-kos">[</span><span class="pl-s1">slotOne</span><span class="pl-kos">,</span> <span class="pl-s1">slotTwo</span><span class="pl-kos">,</span> <span class="pl-s1">slotThree</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>

  <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-smi">document</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">ready</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
     <span class="pl-en">$</span><span class="pl-kos">(</span><span class="pl-s">'.go'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">click</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
       <span class="pl-en">runSlots</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
     <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
   <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
 <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = '<span class="pl-s">container inset</span>'<span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = '<span class="pl-s">header inset</span>'<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">img</span> <span class="pl-c1">src</span>='<span class="pl-s">https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz</span>' <span class="pl-c1">alt</span>='<span class="pl-s">learn to code JavaScript at Free Code Camp logo</span>' <span class="pl-c1">class</span>='<span class="pl-s">img-responsive nav-logo</span>'<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>FCC Slot Machine<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = '<span class="pl-s">slots inset</span>'<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = '<span class="pl-s">slot inset</span>'<span class="pl-kos">&gt;</span>

     <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = '<span class="pl-s">slot inset</span>'<span class="pl-kos">&gt;</span>

     <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = '<span class="pl-s">slot inset</span>'<span class="pl-kos">&gt;</span>

     <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">br</span>/&gt;
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = '<span class="pl-s">outset</span>'<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">button</span> <span class="pl-c1">class</span> = '<span class="pl-s">go inset</span>'<span class="pl-kos">&gt;</span>
       Go
     <span class="pl-kos">&lt;/</span><span class="pl-ent">button</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">br</span>/&gt;
   <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span> = '<span class="pl-s">foot inset</span>'<span class="pl-kos">&gt;</span>
     <span class="pl-kos">&lt;</span><span class="pl-ent">span</span> <span class="pl-c1">class</span> = '<span class="pl-s">logger</span>'<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">span</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
 <span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
 .<span class="pl-c1">slot</span> <span class="pl-c1">&gt;</span> <span class="pl-ent">img</span> {
  <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">0</span><span class="pl-k">!important</span>;
  <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">71<span class="pl-smi">px</span></span>;
  <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">50<span class="pl-smi">px</span></span>;
 }
 .<span class="pl-c1">container</span> {
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>4a2b0f</span>;
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">400<span class="pl-smi">px</span></span>;
   <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">260<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">50<span class="pl-smi">px</span></span> auto;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
 }
 .<span class="pl-c1">header</span> {
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">55<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">14<span class="pl-smi">px</span></span> auto;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>457f86</span>
 }
 .<span class="pl-c1">header</span> <span class="pl-ent">h2</span> {
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">30<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> auto;
 }
 .<span class="pl-c1">header</span> <span class="pl-ent">h2</span> {
   <span class="pl-c1">font-size</span><span class="pl-kos">:</span> <span class="pl-c1">14<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">0</span> <span class="pl-c1">0</span>;
   <span class="pl-c1">padding</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
   <span class="pl-c1">color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">text-align</span><span class="pl-kos">:</span> center;
 }
 .<span class="pl-c1">slots</span>{
   <span class="pl-c1">display</span><span class="pl-kos">:</span> flex;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>457f86</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">6<span class="pl-smi">px</span></span>;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
 }
 .<span class="pl-c1">slot</span>{
   <span class="pl-c1">flex</span><span class="pl-kos">:</span> <span class="pl-c1">1</span> <span class="pl-c1">0</span> auto;
   <span class="pl-c1">background</span><span class="pl-kos">:</span> white;
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">75<span class="pl-smi">px</span></span>;
   <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">50<span class="pl-smi">px</span></span>;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">8<span class="pl-smi">px</span></span>;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>215f1e</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">4<span class="pl-smi">px</span></span>;
   <span class="pl-c1">text-align</span><span class="pl-kos">:</span> center;
 }
 .<span class="pl-c1">go</span> {
   <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">100<span class="pl-smi">%</span></span>;
   <span class="pl-c1">color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-pds"><span class="pl-kos">#</span>457f86</span>;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
   <span class="pl-c1">border-radius</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span>;
   <span class="pl-c1">box-sizing</span><span class="pl-kos">:</span> none;
   <span class="pl-c1">outline</span><span class="pl-kos">:</span> none<span class="pl-k">!important</span>;
 }
 .<span class="pl-c1">foot</span> {
   <span class="pl-c1">height</span><span class="pl-kos">:</span> <span class="pl-c1">150<span class="pl-smi">px</span></span>;
   <span class="pl-c1">background-color</span><span class="pl-kos">:</span> <span class="pl-c1">457</span>f86;
   <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">2<span class="pl-smi">px</span></span> solid <span class="pl-pds"><span class="pl-kos">#</span>fff</span>;
 }

 .<span class="pl-c1">logger</span> {
   <span class="pl-c1">color</span><span class="pl-kos">:</span> white;
   <span class="pl-c1">margin</span><span class="pl-kos">:</span> <span class="pl-c1">10<span class="pl-smi">px</span></span>;
 }

 .<span class="pl-c1">outset</span> {
   <span class="pl-c1">-webkit-box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
   <span class="pl-c1">-moz-box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
     <span class="pl-c1">box-shadow</span><span class="pl-kos">:</span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
 }

 .<span class="pl-c1">inset</span> {
   <span class="pl-c1">-webkit-box-shadow</span><span class="pl-kos">:</span> inset <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
   <span class="pl-c1">-moz-box-shadow</span><span class="pl-kos">:</span> inset <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
   <span class="pl-c1">box-shadow</span><span class="pl-kos">:</span> inset <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">0<span class="pl-smi">px</span></span> <span class="pl-c1">15<span class="pl-smi">px</span></span> <span class="pl-c1">-2<span class="pl-smi">px</span></span> <span class="pl-en">rgba</span>(<span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0</span><span class="pl-kos">,</span><span class="pl-c1">0.75</span>);
 }
<span class="pl-kos">&lt;/</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>

</pre></div>
<h4 dir="auto">Screenshot</h4>

<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/20426090/18392006/26695d2c-767e-11e6-9e69-8647692e3955.png"><img src="https://cloud.githubusercontent.com/assets/20426090/18392006/26695d2c-767e-11e6-9e69-8647692e3955.png" alt="screen shot 2016-09-09 at 11 10 32 am" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/20426090/18392075/63e04684-767e-11e6-81e1-ee40e661c773.png"><img src="https://cloud.githubusercontent.com/assets/20426090/18392075/63e04684-767e-11e6-81e1-ee40e661c773.png" alt="screen shot 2016-09-09 at 11 12 52 am" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/20426090/18392112/8394a966-767e-11e6-85e9-ca4e9538df25.png"><img src="https://cloud.githubusercontent.com/assets/20426090/18392112/8394a966-767e-11e6-85e9-ca4e9538df25.png" alt="screen shot 2016-09-09 at 11 13 33 am" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/20426090/18392111/838fe264-767e-11e6-9f76-b219d7945798.png"><img src="https://cloud.githubusercontent.com/assets/20426090/18392111/838fe264-767e-11e6-9f76-b219d7945798.png" alt="screen shot 2016-09-09 at 11 13 49 am" style="max-width: 100%;"></a></p>
<p dir="auto">Challenge <a href="https://www.freecodecamp.com/en/challenges/basic-javascript/create-a-javascript-slot-machine" rel="nofollow">create-a-javascript-slot-machine</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.101 Safari/537.36</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="   slotOne=Math.floor( Math.random() * ( 3 - 1 + 1)) + 1;
   slotTwo=Math.floor( Math.random() * ( 3 - 1 + 1)) + 1;
   slotThree=Math.floor( Math.random() * ( 3 - 1 + 1)) + 1;
    ```

the code should pass but the last assert function return false"><pre class="notranslate"><code class="notranslate">   slotOne=Math.floor( Math.random() * ( 3 - 1 + 1)) + 1;
   slotTwo=Math.floor( Math.random() * ( 3 - 1 + 1)) + 1;
   slotThree=Math.floor( Math.random() * ( 3 - 1 + 1)) + 1;
    ```

the code should pass but the last assert function return false
</code></pre></div>