Front-end functions with a focus on client-side JavaScript

Client-side JavaScript feature

Media

• Simultaneous playback button for multiple audio / video

Table

• Display table cells with ditto mark

Form

• Button to check / uncheck checkboxes group
• Input validation of form control
• Cover the entire screen with an overlay when form submitting
• Convert date control to <input type=text>
• Show preview with <input type=file>
• ISBN input field
• Automatically adjust the block size dimension of the <textarea> element to the input content

Browser standard dialog

• Prevent page unloaded while filling out a form
• Display a confirm() modal dialog when button is pressed

URL

• Get the data of the HTML page of the nearest ancestor hierarchy

etc

• Clipboard write text button
• Share button
• Animating the <details> element
• Footnote reference popover

Custom elements

• Implement something like <input type=checkbox switch>
• Tabs UI component

Report

• Send script error information to endpoints
• Send referrer error information to endpoints