Implementation of reusable Vue.js component for tab panel.

Reusable Vue.js component for Semantic UI basic tabs example.

Reusable Vue.js component to extend Bootstrap navigational tabs to create tabbable panes of local content.

Reusable Vue.js component for Bulma tabs, and extend the original Bulma tabs by adding a pane to for each tab.

Toggle Bulma modal via Vue.js.

Toggle Bootstrap modal via Vue.js.

Increase or decrease font size with buttons via Vue.js.

Calculate politeness of a number online, i.e., the number of ways it can be expressed as the sum of consecutive integers.

Online tool for prime factorization and calculating sum of proper divisors. The algorithm is implemented in JavaScript and UI in Vue.js.

Online tool that helps you do prime factorization. The algorithm is implemented in JavaScript and UI in Vue.js.

Sieve of Eratosthenes is a simple and ancient method to find prime numbers up to a given limit. Given a limit, this online demo returns all prime number below the limit.

Euler's Totient Function φ(n) counts the positive integers that are relatively prime to n. This online demo use naive method to calculate φ(n) and positive integers coprime to n.

Goldbach's conjecture - Every even integer greater than 2 can be written as the sum of two primes. Given a positive even integer, this online demo returns the two primes.

JavaScript implementation of Sieve of Eratosthenes.

check HTML text input field to see if the value is integer.

2n + 1 = p + 2q always has a solution in primes p and q (not necessarily distinct) for n > 2. This online demo finds p and q for given odd number greater than 5.

Chrome extension to get cookies to access Instagram API.

Chrome extension to help you get user information on user profile page. Also show id and invisible link to profile picture on the profile page.

Use local web server to achieve communication between Chrome extension and local program.

Chrome extension to get auth.json (cookies of Google Photos and Google account id) of gphotosuploader.

Chrome extension to get Google account id from Google Photos.

Chrome extension to get cookies of gphotosuploader.

This Chrome extension helps you download Instagram profile picture in full size.

Given the url of Instagram profile picture, return the url of profile picture in full size.

Find set differecne of two arrays, i.e., the elements in one array but not in the other, in JavaScript.

Find the set of all elements (union) in two arrays in JavaScript.

Find common elements (matches, intersection) of two arrays in JavaScript.

A Chrome extension to help you show Instagram mutual followers on user profile page.

When web pages are rendered with JavaScript, how to wait until the DOM nodes of original contents are available for appending our nodes?

A Chrome extension to help you show Instagram id on the user page.

A Chrome extension to help you try to get Facebook user id by URL change and print the id next to name if found.

A Chrome extension to help you try to get Facebook user id by URL change.

A naive Chrome extension to help you get URL of images of Facebook Stories.

JavaScript code for Bulma modal component. The code is extracted from Bulma official website.

Go strings.Index is equivalent to JavaScript String.prototype.indexOf()

Bulma accordion (collapsible content) implementation via Vue.js.

Add more features to Bulma tabs via Vue.js.

JavaScript code for Bulma dropdown menu. The code is extracted from Bulma official website.

JavaScript code for Bulma responsive navbar, dropdown menu included. The code is extracted from Bulma official website.

Convert specific texts to clickable links (<a> tag) in HTML document via JavaScript.

Append text at the beginning of each line via JavaScript.

Show tooltip when the cursor hovers over the text, and close the tooltip with delay if the cursor is not in the tooltip via JavaScript.

Simple tooltip implementation via JavaScript.

Show annotatoin (note) on mouse hovering over text. Used to help users read ancient Buddhist texts.

Synonyms - Go/GopherJS idioms and snippets translated to JavaScript

Detect arrow keys pressed by users via Vue.js.

DOM manipulation - traverse all sibling elements or nodes via JavaScript.

Tab panel implementation via JavaScript and CSS.

Accordion (collapsible content) implementation via JavaScript.

Accordion (collapsible content) implementation via Vue.js.

Tab panel implementation via Vue.js and CSS.

Dropdown menu implementation via Vue.js and CSS.

Modal (Popup) implementation via JavaScript and CSS. Modal is dialog box/popup window that is displayed on top of the current page.

Modal (Popup) implementation via Vue.js and CSS. Modal is dialog box/popup window that is displayed on top of the current page.

Traverse DOM tree to grab visible texts on webpage via JavaScript.

Traverse DOM tree to find out all text nodes via JavaScript.

Use Vue.js to manipulate HTML select element. First show how to use v-model directive to create data bindings for select element. Then use the selected option to make some animation via animate.css.

Test Text-to-Speech feature in Web Speech API. Not working in Chromium 57, but OK in Firefox 53.

Exercise to draw 3x3 grid of dots via Canvas.

My favorite way to empty an array in JavaScript and why.

XMLHttpRequest (XHR) example by Vue.js.

JSONP example - show your HTTP request headers.

Pretty print JSON string via Vue.js.

JSONP example by Vue.js.

Sequential and parallel typing text effect by Vue.js.

Sequential typing text effect by JavaScript.

Parallel typing text effect by JavaScript.

Simple tooltip implementation via React JavaScript.

Simple tooltip implementation via Vue.js.

CSS only tooltip, extracted from the example of MDN, and the corresponding JavaScript implementation.

Quiz will appear at the end of YouTube video.

Show youtube video if users pass the quiz.

Toggle (Show/Hide) HTML DOM element in JavaScript.

How to access (get/reference) DOM Element in Vue.js?

Toggle (play/pause) audio sound if users click on DOM Element in Vue.js.

Play audio sound if users click on DOM Element in Vue.js.

Detect arrow keystrokes via event.key of KeyboardEvent in JavaScript.

Toggle (Show/Hide) HTML DOM element in React JavaScript.

Toggle (Show/Hide) HTML DOM element in Vue.js.

draggable, movable (drag and drop) HTML element in Vue.js.

Provide input suggest feature via Vue.js. Usually used in dictionary application.

How to monitor the change event of input text element in Vue.js.

Virtual kayboard/keypad in vanilla JavaScript. Used in Pāli Dictionary.

Provide input suggest feature via AngularJS. Usually used in dictionary application.

Use Animate.css and AngularJS to animate your webpage.

Use Animate.css and Vue.js to animate your webpage.

Virtual kayboard/keypad via Vue.js. Used in Pāli Dictionary.

Virtual kayboard/keypad via AngularJS. Used in Pāli Dictionary.

Implementation of setting feature in web application via JSON, Web Storage (localStorage), and JavaScript.

Generate a random string from [a-z0-9] in JavaScript.

Example of accessing browser URL via JavaScript window.location.

Change browser URL without reloading web pages - Example for how to use HTML history API.

Concatenate and minify JavaScript files via Makefile, curl, and online Google Closure Compiler.

Concatenate and minify JavaScript files via Bash script, curl, and online Google Closure Compiler.

Add tooltip to every word via AngularJS. Used in Pāli Tipiṭaka.

Client side gettext-like Internationalization (i18n) via AngularJS Directives.

Client side gettext-like Internationalization (i18n) via AngularJS.

Treeview via AngularJS. Used in Pāli Tipiṭaka.

Tooltip via AngularJS. Used in Pāli Tipiṭaka.

Resizable Views via AngularJS. Used in Pāli Tipiṭaka.

Search Taobao.com.

Custom 404 page for GitHub Pages. In the 404 page, a redirect link is created based on the current URL path.

Scape JavaScript code to get campaign number via Go strings package.

Copy content of textarea to clipboard via JavaScript.

Search PTT BBS.

Search links of major search engines - Google, DuckDuckGo, Bing, Yahoo, Baidu, Yandex, Ecosia, Qwant.

Wrap Pāli words in span element via regular expression and JavaScript.

Find photos of me on Facebook.

Concatenate and compress JavaScript files via Go programming language and online Google Closure Compiler.

Concatenate JavaScript files via Go programming language.

Conversion Button of Traditional/Simplified Chinese on Website via JavaScript.

Make font size of your website larger/smaller via JavaScript.

Online concatenate and compress JavaScript files via Python script.

Concatenate JavaScript files via Python script.

Synonyms - Python Beautiful Soup 4 translated to JavaScript.

Fix the bug in succinct trie implementation of Bits.js - Wrong trie insertion if words are not inserted in alphabetical order.

Go programming language - Remove all children of a DOM element by GopherJS.

Synonyms - Go/GopherJS idioms and snippets translated to JavaScript

Parse Accept-Language in HTTP Request Header in JavaScript Programming Language.

Support multiple languages in your (web) applications, by GNU gettext tools, which include xgettext, msginit, msgmerge, and msgfmt.

Cross-domain requests by JSONP with object instance function as callback on Google App Engine for Python.

Cross-domain requests by JSONP with anonymous callback function on Google App Engine for Python.

Cross-domain requests by JSONP on Google App Engine for Python.

Demonstrate how to make an online 0-9 keypad, which is draggable via jQuery and toggleable via vanilla JavaScript.

Load Dart script while development or the browser supports dart. Otherwise load JavaScript as usual.

Hide div element when clicked outside it, in vanilla JavaScript way. No jQuery or libraries are used.

Dropdown menu using vanilla JavaScript. No jQuery or libraries are used.

Use AngularJS powerful custom directive to implement dropdown menu without jQuery or any other library.

Example of toggling DOM element using AngularJS, without any JavaScript code.

Get the offset (position) of an AngularJS DOM element without jQuery

Solution to mouseenter and mouseleave event in old version AngularJS.

Draggable, movable HTML element using AngularJS.

Safely execute an expression in angular from outside of the angular framework.

Set HTML document title in AngularJS

Update parent scope from child scope by event dispatching and listening mechanism.

jQuery datepicker wrapped in AngularJS directive.

Toggle sound on click event of DOM element.

Load CSS file dynamically.

Remove leading and trailing whitespaces of a string in JavaScript.

Play sound on click event of DOM element.

JavaScript cross-browser HTTP POST request

JavaScript cross-browser HTTP GET request

Check DOM readiness in vanilla JavaScript.

JavaScript library New Tong Wen Tang for conversion of Traditional and Simplified Chinese.

Use onmousedown event instead of onclick event if the event handler to be fired before onblur event.

Load website icon (favicon) dynamically.

JavaScript equivalent of basename program.

JavaScript Cross-Browser Implementation of onMouseEnter and onMouseLeave Event

Change the scope (context) of anonymous function - change what this keyword refers to in anonymous function.

Discuss the scope (context) of event handler and how to change what this keyword refers to.

Detect the content change of HTML input elements in a cross-browser and consistent manner.

JavaScript single callback for multiple asynchronous XHR requests.

Redirect users to another website if the website is available.

JavaScript equivalent of Python string startswith, endswith, and contains.

Create DOM elements by JavaScript.

Bug-free way of removing child nodes of a DOM element in JavaScript.

Cross-domain AJAX requests

1% width of browser window equal to how many pixels?

Width of browser window in pixel.

Compare mouseenter, mouseleave, mouseover, and mouseout events.

Load JavaScript scripts dynamically with dependencies.

Send/receive data to/from Google App Engine Python servers by HTTP POST requests in AJAX way.

Draggable, movable HTML element using vanilla JavaScript.

Rich text editor with math equation dialog using Google Closure Library.

Get DOM element position (including scroll position) using JavaScript.

JavaScript Back to Top Link

Detect arrow keystrokes in JavaScript.

Event target element in JavaScript event handling.

Load JavaScript or CSS on demand.

Given a set of strings (words), and an user input string, output a set of strings with prefix the same as the user input string

Let website users upload multiple files to Google App Engine (Python) servers.