We’ve actually hired a couple of people recently, so I’m not sure if I’ll be able to bust this one out any time soon. Instead, I’ll share it with you. <\/p>\n
This is another one that I feel works for a lot of different experience and knowledge levels. A good, junior developer should be able to give me a satisfactory answer and a senior developer could take the same problem, decide to be clever, and give me a great answer.<\/p>\n
Let’s take a look at it.<\/p>\n
<\/p>\n
I start with the following markup:<\/p>\n
[javascript]
\n<div>div 1<\/div>
\n<div>div 2<\/div>
\n<div>div 3<\/div>
\n<div>div 4<\/div>
\n<div>div 5<\/div>
\n[\/javascript]<\/p>\n
The task is simple. Using plain JavaScript, add a 1px border to each of those divs. The only catch is, the Depending on the level of the candidate, there are several answers that will bring a smile to my face.<\/p>\n This is a while loop that basically takes the place of a [javascript] This is a standard “right” answer for a junior developer. A junior dev who thinks of using a while loop and can actually craft one is not a phony. This is especially true now since so many people just use $(selector).each without even thinking. <\/p>\n This can be improved. <\/p>\n This isn’t much different, but it caches the [javascript] This would be a great<\/strong> answer for a junior developer and a satisfactory answer for someone more senior. <\/p>\n With a senior developer I would<\/em> ask for another alternative. <\/p>\n Here’s one potential alternative. I would be surprised to get this as a primary answer, but as a secondary answer it’d be great.<\/p>\n [javascript] This one indicates attention to detail and an eye towards performance. <\/p>\n [javascript]for<\/code> loop is forbidden. <\/p>\nWhile Loop<\/h2>\n
for<\/code> loop.<\/p>\n
\nvar divs = document.getElementsByTagName("div"),
\n i = 0;
\nwhile (i < divs.length) {
\n\u00a0 \u00a0\u00a0divs[i].style.border= "1px solid blue"
\n\u00a0 \u00a0\u00a0i++;
\n}
\n[\/javascript]<\/p>\nFaster While Loop<\/h2>\n
divs.length<\/code> to save the lookup each time. <\/p>\n
\nvar divs = document.getElementsByTagName("div"),
\n i = 0,
\n\u00a0\u00a0test=divs.length;
\nwhile (i < test) {
\n\u00a0 \u00a0\u00a0divs[i].style.border="1px solid blue"
\n\u00a0 \u00a0\u00a0i++;
\n}
\n[\/javascript]<\/p>\nGet Wacky With a Do… While<\/h2>\n
\nvar divs = document.getElementsByTagName("div"),
\n i = 0,
\n test=divs.length;
\ndo {
\n\u00a0 \u00a0\u00a0divs[i].style.border= "1px solid purple"
\n\u00a0 \u00a0\u00a0i++;
\n} while (i < test)
\n[\/javascript]<\/p>\nSilver Medal- a Fast While Loop<\/h2>\n
\nvar divs = document.getElementsByTagName("div"),
\n i = divs.length;
\nwhile (i–) {
\n\u00a0 \u00a0divs[i].style.border= "1px solid grey"
\n}
\n[\/javascript]<\/p>\n