HTML/CSS and JavaScript with jQuery Online Test

TestDome skill assessments are used by more than 4,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
 Used by: 

The HTML/CSS and JavaScript with jQuery online test assesses candidates' knowledge of HTML, CSS, JavaScript, and jQuery as well as their ability to utilize JavaScript and jQuery to manipulate the Document Object Model built from HTML and CSS.

It's an ideal test for pre-employment screening. A good front-end developer should be able to utilize all these technologies to create a modern, dynamic, and interactive user interface.

This online test requires candidates to utilize JavaScript and jQuery to solve common HTML/CSS challenges and coding problems.

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

Sample Free Questions

Semantics

7min
  -  
Easy  
  -  
CODE

HTML/CSS HTML5 Public

Update the website's HTML, without using JavaScript or CSS, to make use of semantic elements so that:

  • The classless outer div element is replaced with a more appropriate element.
  • The divs with the image and caption classes are replaced with self-contained content elements.
  • The divs with the lorem-ipsum and description classes are replaced with elements, so that by default only the contents of the description element are shown. When the contents of the description element are clicked, the visibility of the rest of the lorem-ipsum element is toggled.

Spreadsheet

7min
  -  
Easy  
  -  
CODE

HTML/CSS Tables Public

You've been sent a snippet from a spreadsheet, and have been asked to re-create it for display on the company's internal website.

Re-create the following spreadsheet using HTML, in a table appropriately captioned "Purchase Orders".

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>
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
Link, Editor, Blog, Label Color, Widgets, Logo, Article Style, Share Button, Ad, Row Appender, Post Comment, Keywords, Links, Confirm, Double, Reorder, Hide Button, Table of Names, Addition, Bookmark, Christmas Tree, iframe, Loading Bar, Product Rating, Shirts, Warehouse, Copy Element, Baby Names, Loading, Cards, Format Table, Breakfast Menu, Cities, Screen Reader, A Tag, Timesheet, Validation, Upload
Skills
HTML/CSS HTML attributes HTML5 Semantic tags CSS selectors Positioning Styling jQuery DOM manipulation JavaScript Event handling Language CSS Advanced Selectors Animation Accessibility Tables
Score Distribution
Loading...
Pricing For Premium Questions

Fully Customizable Tests
Add questions from our question library.
Create your own questions.
Customize test duration, number of questions, passing score, web proctoring, and more.
Create Free Account
Private Concierge

Send us an email with an explanation of your testing needs and a list of candidates. We will create an appropriate test, invite your candidates, review their results, and send you a detailed report.

What Others Say
TestDome user reviews on G2 Crowd
Simple, straight-forward technical testing

TestDome is simple, provides a reasonable (though not extensive) battery of tests to choose from, and doesn't take the candidate an inordinate amount of time. It also simulates working pressure with the time limits.

Jan Opperman, Grindrod Bank

Very smooth, well supported, great for assessing candidates

Very Prompt and helpful support when needed, we were looking to work with a third party to write and set up new tests, TestDome was able to quickly set up and support a method to do this, allowing us to start testing candidates straight away.

George Offer, Guided Solutions

Easy to use and efficient for testing developers of different levels

It provides us an opportunity to set our own timing policy, to choose from variety of questions from different areas and with difficulty gradation. Also it is great that TestDome provides free of charge tests for candidates to prepare and check how online IDE works. And support is always ready to help:)

Alexandra Bulka, WorkFusion

On the TestDome Blog

Screening Applicants: The Good, the Bad and the Ugly

Since we’re all biased and we use incorrect proxies, why not just outsource hiring to experts or recruitment agencies? After all, they’ve been screening people for many years, so they must know how to do it right?

Not really. I was surprised to discover that many experts disagree with each other. Everybody praises their pet method and criticizes the others. Many of these methods look legitimate, but are based on...

How TestDome Works
How TestDome Works

Want to know more? Check out our tour or contact us below.

Check Tour
or
Schedule a Demo
The TestDome Advantage
500+ premium, hand-crafted questions for 30+ job skills and 10+ coding languages.
Proctored tests, API access, and Applicant Tracking System (ATS) Integration.
Questions with small samples of actual work instead of academic problems.
Flexible Pricing

No monthly subscription or setup fee. No minimum contract period. You only pay for the candidates you test.

View Pricing