Enjoy 20% off all plans by
following us on social media
. Check out other
promotions
!
Dismiss
Interviews
主页
Practice questions
指南
价格
Sign in / up
Get full access
Practice by Framework
90+ questions
JavaScript
HTML
CSS
React
Angular
Vue
Svelte
HTML 题目
90+ HTML 面试问题,包括知识问答题和HTML编码问题。
Try these popular HTML questions
Contact Form
Build a contact form which submits user feedback and contact details to a back end API
Available frameworks
Digital Clock
Build a 7-segment digital clock that shows the current time
Available frameworks
getElementsByTagName
Implement a function to get all DOM elements that match a tag
语言
HTML
JS
TS
Coding
Quiz
编码形式
用户界面
JavaScript 实用工具
搜索编码题目
Sort by
Number of questions
70 questions
Total time
29 hours total
题目列表
Counter
Warm up question
Build a simple counter that increments whenever a button is clicked
难度
简单
Available frameworks
Users completed
23316 已完成
Contact Form
Build a contact form which submits user feedback and contact details to a back end API
难度
简单
Available frameworks
Users completed
12485 已完成
Holy Grail
Build the famous holy grail layout consisting of a header, 3 columns, and a footer
难度
简单
Available frameworks
Users completed
9731 已完成
Mortgage Calculator
Build a calculator that computes the monthly mortgage for a loan
难度
简单
Available frameworks
Users completed
2702 已完成
Tabs
Build a tabs component that displays a list of tab elements and one associated panel of content at a time
难度
中等
Available frameworks
Users completed
4360 已完成
Data Table
Build a users data table with pagination features
难度
中等
Available frameworks
Users completed
760 已完成
Dice Roller
Build a dice roller app that simulates the results of rolling 6-sided dice
难度
中等
Available frameworks
Users completed
361 已完成
File Explorer
Build a file explorer component to navigate files and directories in a tree-like hierarchical viewer
难度
中等
Available frameworks
Users completed
428 已完成
Modal Dialog
Build a reusable modal dialog component that can be opened and closed
难度
中等
Available frameworks
Users completed
483 已完成
Todo List
Build a Todo list that lets users add new tasks and delete existing tasks
难度
中等
Available frameworks
Users completed
5174 已完成
Traffic Light
Build a traffic light where the lights switch from green to yellow to red after predetermined intervals and loop indefinitely
难度
中等
Available frameworks
Users completed
2276 已完成
Digital Clock
Build a 7-segment digital clock that shows the current time
难度
中等
Available frameworks
Users completed
1393 已完成
Image Carousel
Build an image carousel that displays a sequence of images
难度
中等
Available frameworks
Users completed
369 已完成
Job Board
Build a job board that displays the latest job postings from Hacker News
难度
中等
Available frameworks
Users completed
1678 已完成
Accordion
Build an accordion component that a displays a list of vertically stacked sections with each containing a title and content snippet
难度
简单
Available frameworks
Users completed
3074 已完成
Flight Booker
Build a component that books a flight for specified dates
难度
简单
Available frameworks
Users completed
1825 已完成
Generate Table
Generate a table of numbers given the rows and columns
难度
简单
Available frameworks
Users completed
1641 已完成
jQuery.css
Implement a jQuery-like function that sets the style of a DOM element
难度
简单
语言
HTML
CSS
JS
TS
Users completed
2612 已完成
Progress Bar
Build a progress bar component that shows the percentage completion of an operation
难度
简单
Available frameworks
Users completed
2698 已完成
Progress Bars
Build a list of progress bars that fill up gradually when they are added to the page
难度
简单
Available frameworks
Users completed
1579 已完成
Temperature Converter
Build a temperature converter widget that converts temperature values between Celsius and Fahrenheit
难度
简单
Available frameworks
Users completed
2216 已完成
Tweet
Build a component that resembles a Tweet from Twitter
难度
简单
Available frameworks
Users completed
1291 已完成
Accordion II
Build an accessible accordion component that has the right ARIA roles, states, and properties
难度
中等
Available frameworks
Users completed
695 已完成
Accordion III
Build a fully accessible accordion component that has keyboard support according to ARIA specifications
难度
中等
Available frameworks
Users completed
377 已完成
Analog Clock
Build an analog clock where the hands update and move like a real clock
难度
中等
Available frameworks
Users completed
566 已完成
Data Table II
Build a users data table with sorting features
难度
中等
Available frameworks
Users completed
175 已完成
File Explorer II
Build a semi-accessible file explorer component that has the right ARIA roles, states, and properties
难度
中等
Available frameworks
Users completed
72 已完成
File Explorer III
Build a file explorer component using a flat DOM structure
难度
中等
Available frameworks
Users completed
59 已完成
getElementsByStyle
Implement a function to get all DOM elements that are rendered using the specified style
难度
中等
语言
HTML
CSS
JS
TS
Users completed
173 已完成
getElementsByTagName
Implement a function to get all DOM elements that match a tag
难度
中等
语言
HTML
JS
TS
Users completed
1742 已完成
Grid Lights
Build a grid of lights where the lights deactivate in the reverse order they were activated
难度
中等
Available frameworks
Users completed
907 已完成
HTML Serializer
Implement a function to serialize an object into an HTML string with indentation
难度
中等
语言
HTML
JS
TS
Users completed
472 已完成
Identical DOM Trees
Implement a function to determine if two DOM trees are the same
难度
中等
语言
HTML
JS
TS
Users completed
911 已完成
jQuery Class Manipulation
Implement a set of jQuery-like functions that manipulates classes on a DOM element
难度
中等
语言
HTML
CSS
JS
TS
Users completed
641 已完成
Like Button
Build a Like button that changes appearance based on the states
难度
中等
Available frameworks
Users completed
1039 已完成
Modal Dialog II
Build a semi-accessible modal dialog component that has the right ARIA roles, states, and properties
难度
中等
Available frameworks
Users completed
93 已完成
Modal Dialog III
Build a moderately-accessible modal dialog component that supports common ways to close the dialog
难度
中等
Available frameworks
Users completed
78 已完成
Progress Bars II
Build a list of progress bars that fill up gradually in sequence, one at a time
难度
中等
Available frameworks
Users completed
614 已完成
Star Rating
Build a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating
难度
中等
Available frameworks
Users completed
2023 已完成
Tabs II
Build a semi-accessible tabs component that has the right ARIA roles, states, and properties
难度
中等
Available frameworks
Users completed
423 已完成
Tabs III
Build a fully accessible tabs component that has keyboard support according to ARIA specifications
难度
中等
Available frameworks
Users completed
268 已完成
Text Search
Implement a function to highlight text if a searched term appears within it
难度
中等
语言
HTML
JS
TS
Users completed
804 已完成
getElementsByClassName
Implement a function to get all DOM elements that contain the specified classes
难度
中等
语言
HTML
CSS
JS
TS
Users completed
911 已完成
Progress Bars III
Build a list of progress bars that fill up gradually concurrently, up to a limit of 3
难度
中等
Available frameworks
Users completed
415 已完成
Text Search II
Implement a function to highlight text if searched terms appear within it
难度
中等
语言
HTML
JS
TS
Users completed
309 已完成
Tic-tac-toe
Build a tic-tac-toe game that is playable by two players
难度
中等
Available frameworks
Users completed
718 已完成
Birth Year Histogram
Build a widget that fetches birth year data from an API and plot it on a histogram
难度
中等
Available frameworks
Users completed
42 已完成
Connect Four
Build a game for two players who take turns to drop colored discs from the top into a vertically suspended board/grid
难度
中等
Available frameworks
Users completed
31 已完成
Image Carousel II
Build an image carousel that smoothly transitions between images
难度
中等
Available frameworks
Users completed
68 已完成
Pixel Art
Build a pixel art drawing tool where users can paint pixels with selected colors
难度
中等
Available frameworks
Users completed
43 已完成
Signup Form
Build a signup form that does validation on user details and submits to a back end API
难度
中等
Available frameworks
Users completed
681 已完成
Stopwatch
Build a stopwatch widget that can measure how much time has passed
难度
中等
Available frameworks
Users completed
519 已完成
Transfer List
Build a component that allows transferring of items between two lists
难度
中等
Available frameworks
Users completed
563 已完成
Undoable Counter
Build a counter with a history of the values and ability to undo/redo actions
难度
中等
Available frameworks
Users completed
411 已完成
Users Database
Build a UI to filter, create, update, and delete users
难度
中等
Available frameworks
Users completed
107 已完成
Whack-A-Mole
Build a popular arcade game where players attempt to hit moles as they pop up from holes in a board
难度
中等
Available frameworks
Users completed
214 已完成
Memory Game
Build a memory game where the player needs to match pairs of cards
难度
中等
Available frameworks
Users completed
250 已完成
Auth Code Input
Build an auth code input component that allows users to enter a 6-digit authorization code
难度
困难
Available frameworks
Users completed
64 已完成
Progress Bars IV
Build a list of progress bars that fill up gradually concurrently, up to a limit of 3 and allows for pausing and resuming
难度
困难
Available frameworks
Users completed
208 已完成
Data Table III
Build a generalized data table with pagination and sorting features
难度
困难
Available frameworks
Users completed
38 已完成
getElementsByTagNameHierarchy
Implement a function to get all DOM elements that match a tag hierarchy
难度
困难
语言
HTML
JS
TS
Users completed
39 已完成
Modal Dialog IV
Build a fully-accessible modal dialog component that supports all required keyboard interactions
难度
困难
Available frameworks
Users completed
37 已完成
Table of Contents
Implement a function to construct a table of contents from an HTML document
难度
困难
语言
HTML
JS
TS
Users completed
272 已完成
Data Table IV
Build a generalized data table with pagination, sorting and filtering features
难度
困难
Available frameworks
Users completed
27 已完成
Image Carousel III
Build an image carousel that smoothly transitions between images that has a minimal DOM footprint
难度
困难
Available frameworks
Users completed
32 已完成
Nested Checkboxes
Build a nested checkboxes component with parent-child selection logic
难度
困难
Available frameworks
Users completed
33 已完成
Selectable Cells
Build an interface where users can drag to select multiple cells within a grid
难度
困难
Available frameworks
Users completed
23 已完成
Tic-tac-toe II
Build an N x N tic-tac-toe game that requires M consecutive marks to win
难度
困难
Available frameworks
Users completed
162 已完成
Transfer List II
Build a component that allows transferring of items between two lists, bulk selection/unselection of items, and adding of new items
难度
困难
Available frameworks
Users completed
168 已完成
Wordle
Build Wordle, the word-guessing game that took the world by storm
难度
困难
Available frameworks
Users completed
104 已完成