<p dir="auto">Challenge <a href="http://www.freecodecamp.com/challenges/waypoint-bring-your-javascript-slot-machine-to-life" rel="nofollow">http://www.freecodecamp.com/challenges/waypoint-bring-your-javascript-slot-machine-to-life</a> has an issue. Please describe how to reproduce it, and include links to screenshots if possible.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/10190995/9747535/ffa61854-5632-11e5-9065-8c8be9936b7e.png"><img width="1440" alt="screen shot 2015-09-08 at 2 07 13 pm" src="https://cloud.githubusercontent.com/assets/10190995/9747535/ffa61854-5632-11e5-9065-8c8be9936b7e.png" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/10190995/9747556/1a00305e-5633-11e5-9144-25098dd47538.png"><img width="1440" alt="screen shot 2015-09-08 at 2 08 27 pm" src="https://cloud.githubusercontent.com/assets/10190995/9747556/1a00305e-5633-11e5-9144-25098dd47538.png" style="max-width: 100%;"></a><br>
Images:<br>
Single quotes do not work, but double quotes work. From my understanding it should not matter which quotes are used.</p>
<p dir="auto">Challenge <a href="http://www.freecodecamp.com/challenges/waypoint-bring-your-javascript-slot-machine-to-life" rel="nofollow">http://www.freecodecamp.com/challenges/waypoint-bring-your-javascript-slot-machine-to-life</a> has an issue.</p>
<p dir="auto">The second condition for this challenge:</p>
<blockquote>
<p dir="auto">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>
</blockquote>
<p dir="auto">The selector in the description:</p>
<blockquote>
<p dir="auto"><code class="notranslate">$($(".slot")[0]).html(slotOne);</code></p>
</blockquote>
<p dir="auto">The condition passes when you use double quotes in the selector per the description:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="$($(&quot;.slot&quot;)[0]).html(slotOne);
$($(&quot;.slot&quot;)[1]).html(slotTwo);
$($(&quot;.slot&quot;)[2]).html(slotThree);"><pre class="notranslate"><code class="notranslate">$($(".slot")[0]).html(slotOne);
$($(".slot")[1]).html(slotTwo);
$($(".slot")[2]).html(slotThree);</code></pre></div>
<p dir="auto">It fails with single quotes:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="$($('.slot')[0]).html(slotOne);
$($('.slot')[1]).html(slotTwo);
$($('.slot')[2]).html(slotThree);"><pre class="notranslate"><code class="notranslate">$($('.slot')[0]).html(slotOne);
$($('.slot')[1]).html(slotTwo);
$($('.slot')[2]).html(slotThree);</code></pre></div>
<p dir="auto">Maybe we are trying to conform to the <a href="https://contribute.jquery.org/style-guide/js/#quotes" rel="nofollow">jQuery JavaScript Style Guide</a>? Still, both seem to be valid JavaScript. Indeed, the challenge immediately following this one uses single quotes for the selector in the description and passes with either single or double quotes.</p>
<blockquote>
<p dir="auto">Waypoint: Give your JavaScript Slot Machine some stylish images</p>
<p dir="auto"><code class="notranslate">$($('.slot')[0]).html('&lt;img src = "' + images[slotOne-1] + '"&gt;');</code></p>
</blockquote>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/416065/9425864/a9082620-48e7-11e5-889b-d501aabc1d4f.png"><img src="https://cloud.githubusercontent.com/assets/416065/9425864/a9082620-48e7-11e5-889b-d501aabc1d4f.png" alt="39-fail" style="max-width: 100%;"></a><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/416065/9425863/a907b776-48e7-11e5-86d7-a1e81552de41.png"><img src="https://cloud.githubusercontent.com/assets/416065/9425863/a907b776-48e7-11e5-86d7-a1e81552de41.png" alt="39-pass" style="max-width: 100%;"></a></p>