A simple interview question

John Costanzo Oct 25 '17 ・1 min read

#javascript #jquery #discuss

I went on an interview and I was asked a question like the one in the codepen. I was asked to fix it as its broken. Just curious how others would answer this one

Here it is on CodePen

DISCUSS (4)

Isaac Lyman

Oct 25 '17

Change:

if ($element.filter('.js-cool, .js-beans')) {

if ($element.filter('.js-cool, .js-beans').length) {

.filter returns an Array, which inherits from Object, and all Objects are truthy in JavaScript.

John Costanzo

Author

Oct 26 '17

That is a good way to solve this

Ahmedur Rahman Shovon

Oct 27 '17

We can use a check to see what values the input has at keyboard events. Then if it has empty string we can simply restore the original font-size of the mentioned classes.

Here is an approach to do so:

$(function() {
  $(".checker").on("keydown keyup", function(ev) {
    $(".js-cool, .js-beans").css("font-size", "24px");
    $input_val = $(this).val();
    if ($input_val == "") {
      $(".js-cool, .js-beans").css("font-size", "inherit");
    }
  });
});

Birger Hoornaert

Oct 27 '17

Why looping over all objects and filter out then when you can start with a beter filter.

$('.js-cool, .js-beans').each(function() {
    $(this).css("font-size", "24px");
});

code of conduct - report abuse

A simple interview question

John Costanzo Oct 25 '17 ・1 min read

What are your favourite resources for beginners?

Design System: Compositional philosophy of components

Matuzalém Teles - Feb 22

A Beginners Guide To DOM Manipulation

Iqra - Feb 21

How to improve Programming Skills

JMarathi - Feb 21

Learning JavaScript shouldn't be hard in 2020

buoyantair - Feb 22