The JavaScript with jQuery online test assesses candidates' knowledge of how to programme in the JavaScript language and use one of its most widely used libraries, jQuery.

It's an ideal test for pre-employment screening. A good JavaScript developer needs to be able not only to solve problems using JavaScript but also to understand and extend the functionality provided by JavaScript using libraries such as jQuery.

This online test requires candidates to solve coding problems in JavaScript and jQuery.

Recommended Job Roles
JavaScript Developer
jQuery Developer
Web Front-End Developer
Sample Candidate Report

Sample Free Questions

Image Gallery

10min
  -  
Easy  
  -  
CODE

jQuery DOM manipulation JavaScript Public

An image gallery is a set of images with corresponding remove buttons. This is the HTML code for a gallery with two images:

<div class="image">
  <img src="https://goo.gl/kjzfbE" alt="First">
  <button class="remove">X</button>
</div>
<div class="image">
  <img src="https://goo.gl/d2JncW" alt="Second">
  <button class="remove">X</button>
</div>

Implement the setup function that registers a click event handler and implements the following logic: When the button of class remove is clicked, its parent <div> element should be removed from the gallery.

For example, after the first image has been removed from the gallery above, it's HTML code should look like this:

<div class="image">
  <img src="https://goo.gl/d2JncW" alt="Second">
  <button class="remove">X</button>
</div>

Product Code

15min
  -  
Easy  
  -  
CODE

jQuery Event handling Forms JavaScript Selectors Public

The createProductCodeForm function is used to create a new form that accepts a product code from a user.

The current version of the form contains the hint: 'The product code can be found on the label'. This hint is currently always visible to the user.

Improve the form so that the hint is only rendered when the input element is the focused element.

Endangered Species

5min
  -  
Hard  
  -  
CODE

jQuery JavaScript Selectors Public

An HTML div element contains lists of endangered species grouped by continent and the species population status.

<div>
    <ul data-continent="North America">
        <li data-species="California condor">Critically Endangered</li>
        <li data-species="American bison">Near Threatened</li>
    </ul>
    <ul data-continent="Europe">
        <li data-species="Cave bear">Extinct</li>
    </ul>
</div>

Write a function that returns how endangered a species is on a particular continent. For example endangeredSpecies('North America', 'American bison') would return 'Near Threatened'.

Use Free Questions On a Trial Plan

Premium Questions

The premium question library contains our unique, hand-crafted questions. We offer a refund if you find any of them answered online.

Questions
Row Appender, Confirm, Double, Reorder, Hide Button, Loading Bar, Product Rating, Cards, Validation, A Tag, Table of Names, Copy Element, Post Comment
Skills
jQuery DOM manipulation JavaScript Event handling HTML5 Selectors
Score Distribution
Loading...
Pricing For Premium Questions