RnJvbnQtZW5kIFF1aXo=


Front-end Quiz


WARM UP


What does this code evaluate to when run in Chrome console?
'true' == true
false

Question #1


What does this code evaluate to when run in Chrome console?
var someFunc = function(){
    console.log(a);
    var a = 8;
}; 
someFunc();
undefined

Question #2


What does this code evaluate to when run in Chrome console?
Number.MIN_VALUE > 0;
true

Question #3


What's the rendering result of the following:
<div class="arrow-down"></div>
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 150px solid transparent;
	border-right: 150px solid transparent;	
	border-top: 150px solid #666;
}
jsfiddle

Question #4


What does this code evaluate to when run in Chrome console?
typeof + ""
"number"

Question #5


Write a CSS selector for all links to PDF files:
<a href="http://domain.com/document.pdf"></a>
a[href$=".pdf"]

...Not question #6 yet


Given two dices labeled 1 to 6. Take 1 dice and relabel it such that the sum of the two dice's is between 1 and 12. This sum occurs with equal probability. How will you relabel it ?
0 0 0 6 6 6

Question #6


Acid2
Guess what browser produced this rendering
Internet Explorer

Question #7


Make image source URI protocol-agnostic (HTTP or HTTPS, whichever user agent is using)
<img src="http(s)://domain.com/logo.png" />
<img src="//domain.com/logo.png" />

Question #8


What does this code evaluate to when run in Chrome console?
[1,3,3,7] >= [1,3,3,7]
[Math.atan] < [Number]
true
false

Question #9


Complete the following event delegation for even items with a single WebAPI function call
<ul class="list">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>    
    <li>Item4</li>    
</ul>
document.querySelector(".list").addEventListener("click", function(evt) {
    if (?) {
      alert("awesome!")
    }
});
jsfiddle

Question #9 3/4


How many zeroes are there in 100! ?
(a ⁄ 51)+(a ⁄ 52)+... = 24

Question #10


What does this code evaluate to when run in Chrome console?
[,,,].join
", ,"

Question #11


What's the rendering result of the following:
<svg width="500" height="500" viewBox="100, 100, 100, 100"  style="">
  <path d="M200,100 V200 L100,100 300,200z" />
</svg>
jsfiddle

You've been quizzed