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

Web UI

Media

• Simultaneous playback button for multiple audio / video

Table

• Display table cells with ditto mark

Form

• Prevent page unloaded while filling out a form
• Input validation of form control
• Cover the entire screen with an overlay when form submitting

Input

• Convert date control to <input type=text>
• Show preview with <input type=file>
• ISBN input field
• Implement something like <input type=checkbox switch>
• Automatically adjust the block size dimension of the <textarea> element to the input content

Button

• Button to check / uncheck checkboxes group
• Clipboard write text button
• Display a confirm() modal dialog when button is pressed
• Share button

etc

• Tabs UI component
• Animating the <details> element
• Footnote reference popover

CSS

• Get the CSS writing-mode status of the element

Shadow DOM

• Appending CSS into the shadow DOM

URL

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

Report

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