edit-article

Article Name:

Article Description:

Chapter ID/Name:

Status:

Add Photo:

Owner ID:

Content: use HTML Edit Content

<h1 style="text-align: center;">you can't code javascript under pressure</h1>
<h2>[WHAT]</h2>
<ol>
<li>[] this short timed quiz was popular for a while in 2013 ish, coding questions got progressively harder as you worked through the questions</li>
</ol>
<h2>[WHY]</h2>
<ol>
<li>[] test your javascript coding skills in a time based scenario</li>
</ol>
<h2>[WHERE]</h2>
<ol>
<li>[] TRY OUT THIS LEARNING TOOL</li>
<ol>
<li>[] <a href="http://games.usvsth3m.com/javascript-under-pressure/" target="_blank">http://games.usvsth3m.com/javascript-under-pressure/</a>&nbsp;</li>
<li><span style="display: inline !important; float: none; background-color: #ffffff; color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">[x] UPDATED][2019-11-24] looks like the quiz is no longer online at the original host,&nbsp;</li>
</ol></ol>
<h2>[WHEN]</h2>
<ol>
<li>[] 2013-10-dd</li>
<ol>
<li>[x] i completed 3/5 questions, was working the 4th, but not all tests were passing with my solution (edge cases), never attempted the fifth</li>
</ol></ol>
<h2>[EXAMPLE]</h2>
<ol>
<li><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; text-decoration: none; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: #ffffff;">[] double the result</li>
<li><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-variant: normal; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: #ffffff;"><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; text-decoration: none; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: #ffffff;">[] determine if (odd?even)&nbsp;</li>
<li><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-variant: normal; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: #ffffff;"><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; text-decoration: none; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: #ffffff;">[] extract the filename extension</li>
<li><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-variant: normal; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: #ffffff;"><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; text-decoration: none; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: #ffffff;">[] find the Longest String -&nbsp;</li>
<li><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-variant: normal; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: #ffffff;"><span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; text-decoration: none; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: #ffffff;">[] Sum all integers -&nbsp;The description of the problem asks us to &ldquo;sum all integers you find, anywhere&rdquo;. Well, this nested array has integers in it, doesn&rsquo;t it? How do we add these to the count without borking up our iteration over each array index?</li>
</ol>
<h2>[HOW-TO]</h2>
<ol>
<li>] see below for my solutions/notes/comments, also REF 002&nbsp;</li>
</ol>
<h2>[REFERENCE]</h2>
<ol>
<li>[] leah verou posted her answers code to these tests on her blog</li>
<li>[] <a href="http://zpalexander.com/you-cant-javascript-under-pressure/" target="_blank">http://zpalexander.com/you-cant-javascript-under-pressure/</a></li>
</ol>
&nbsp;
<hr />&nbsp;
<h2>1] function double the result</h2>
double the argument and return the results
function double(){
&nbsp; return i*2;&nbsp;
}
<h2>2] function determine (odd?even)&nbsp;</h2>
Return true or false depending on whether the number is even. You can use console.log() and alert(); the results will show up here
TIMER - 09:01&nbsp;
<h2>3] extract filename extension</h2>
&nbsp; function getFileExtension(i) { &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // i will be a string, but it may not have a file extension. &nbsp;&nbsp;&nbsp; // return the file extension (with no period) if it has one, otherwise false &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var len = i.length; &nbsp;&nbsp;&nbsp; var result = true; &nbsp;&nbsp;&nbsp; var arr = []; &nbsp;&nbsp;&nbsp;
/* &nbsp;&nbsp;&nbsp; if ( i.indexOf('.') === undefined ){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; */ &nbsp;&nbsp;&nbsp; // grrrrrrrrrrrrrrrrr &nbsp;&nbsp;&nbsp;&nbsp; // PRB WAS s first i.indexOf('.') // if ( i.indexOf('.') &amp;&amp; i.indexOf('.') &gt;= 0 ){
if ( i.indexOf('.') &gt;= 0 ){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var x =&nbsp; i.indexOf("."); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if ( i.indexOf('.') &gt;= 1){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr = i.split('.'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return arr[1]; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (x === 0) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return i.slice(1); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; /* &nbsp;&nbsp;&nbsp; if ( i.indexOf('.')){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; arr = i.split('.'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return arr[1]; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; if ( i.indexOf('.') === -1 ){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; result = false; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return result; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; */ &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; else{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; result = false; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return result; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //console.log("false"); &nbsp;&nbsp;&nbsp; }
}
TIMER = 87.20 - ouch, ouch, ouch SUCCESS! All tests passed. You've used 87:20 so far. Well done! Top work, that was tricky. Two challenges left! Ready to start the clock again?
<h2>4] find the longest string</h2>
 function getUTF8ByteLength(s) { &nbsp;&nbsp;&nbsp; return unescape(encodeURIComponent(s)).length; }
function longestString(i) { &nbsp;&nbsp;&nbsp; // i will be an array. &nbsp;&nbsp;&nbsp; // return the longest string in the array &nbsp;&nbsp;&nbsp; var myArray = i; &nbsp;&nbsp;&nbsp; for (x=0; x &lt; myArray.length; x++){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myArray[x].len = myArray[x].length; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; myArray.sort(function(a, b) { &nbsp;&nbsp;&nbsp; return a.len - b.len; &nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; return myArray[myArray.length-1]; }
 function longestString(i) { &nbsp;&nbsp;&nbsp; // i will be an array. &nbsp;&nbsp;&nbsp; // return the longest string in the array &nbsp;&nbsp;&nbsp; var myArray = i; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; function getUTF8ByteLength(s) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return unescape(encodeURIComponent(s)).length; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; for (x=0; x &lt; myArray.length; x++){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // myArray[x].len = myArray[x].length; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myArray[x].len = getUTF8ByteLength(myArray[x]); &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; myArray.sort(function(a, b) { &nbsp;&nbsp;&nbsp; return a.len - b.len; &nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; return myArray[myArray.length-1]; }
TIMER =&nbsp;119.00 -abondoned
- this did not pass&nbsp;all tests, one test where string contains chinese characters indicates that the string with chinese characters&nbsp;(3) is longer then another string 'world' with 5 characters, likely some utf-8 encoding
<h2>5] sum all integers</h2>
&nbsp;