JavaScript with jQuery Online Test

TestDome skill assessments are used by more than 5,000 companies and 450,000 individual test takers.

Jobseekers: Get a Certificate

Take a Practice Test

Companies: Try First, Pay Later

Sign Up To Use This Test

The JavaScript with jQuery online test assesses candidates' knowledge of how to program 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 Event handling JavaScript Selectors 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 Content manipulation Event handling Forms JavaScript 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.

Topic Coloring

15min
  -  
Easy  
  -  
CODE

jQuery Attribute manipulation CSS selectors DOM manipulation JavaScript Public

Write the function newMessage, which receives the name of the topic as the parameter. Function should change the background-color of the p tag to red where the data-topic-name is topicName.

For example, if the HTML is:

<div>
  <p data-topic-name="discussion">General discussion</p>
  <p data-topic-name="bugs">Bugs</p>
  <p data-topic-name="animals">Animals</p>
</div>

After calling newMessage("discussion") the HTML should be:

<div>
  <p data-topic-name="discussion" style="background-color: red;">General discussion</p>
  <p data-topic-name="bugs">Bugs</p>
  <p data-topic-name="animals">Animals</p>
</div>
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
Double, Reorder, Loading Bar, Cards, Table of Names, Copy Element, Confirm, Hide Button, Post Comment, Product Rating, Row Appender, Validation, A Tag
Skills
jQuery DOM manipulation Event handling JavaScript HTML5 Selectors Dialog box Asynchronous calls Content manipulation Attribute manipulation Forms
Score Distribution
Loading...
Pricing For Premium Questions