## Vue.js Component for Tab Panel

Implementation of reusable Vue.js component for tab panel.

## Vue.js Component for Semantic UI Basic Tabs

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

## Vue.js Component for Bootstrap Tab Panel

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

## Vue.js Component for Bulma Tabs

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

## [Vue.js] Bulma Modal

Toggle Bulma modal via Vue.js.

## [Vue.js] Bootstrap Modal

Toggle Bootstrap modal via Vue.js.

## [Vue.js] Font Size Larger or Smaller

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

## Online Calcualte Politeness of Number

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

## Online Calculate Sum of Proper Divisors

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

## Online Prime Factorization

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

## [Vue.js] Online Sieve of Eratosthenes Demo

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.

## [Vue.js] Online Euler's Totient Function Demo

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.

## [Vue.js] Online Goldbach's Conjecture Demo

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] Sieve of Eratosthenes

JavaScript implementation of Sieve of Eratosthenes.

## [JavaScript] Check if Value of Input Text Field is Integer

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

## Online Lemoine’s Conjecture Demo

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] Get Cookies to Access Instagram API

Chrome extension to get cookies to access Instagram API.

## [Chrome Extension] Get Instagram User Information From HTML Source

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.

## Communication Between Chrome Extension and Local Application

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

## [Chrome Extension] Get auth.json of gphotosuploader

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

## Get Instagram Profile Picture in Full Size

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

## [JavaScript] Set Difference of Two Arrays

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

## [JavaScript] Union of Two Arrays

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

## [JavaScript] Intersection of Two Arrays

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

## [Chrome Extension] Show Instagram Mutual Followers on User Web Profile

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

## JavaScript Wait Page to be Loaded

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

## [Chrome Extension] Show Instagram Id on User Page

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

## [Chrome Extension] Try to Print Facebook Id Next to User Name

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

## JavaScript for Bulma Modal

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

## Golang strings.Index = JavaScript String indexOf()

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

## [Vue.js] Bulma Accordion (Collapsible Content)

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

## [Vue.js] Bulma Tabs

Add more features to Bulma tabs via Vue.js.

## JavaScript for Bulma Dropdown

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

## JavaScript for Bulma Responsive Navbar

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

## [JavaScript] Convert Text to Link in HTML

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

## [JavaScript] Append Text at the Beginning of Each Line

Append text at the beginning of each line via JavaScript.

## [JavaScript] Tooltip with Close Delay

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.

## [JavaScript] Tooltip

Simple tooltip implementation via JavaScript.

## [JavaScript] Show Note on Mouse Hovering Over Text

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

## Synonyms - Go and JavaScript

Synonyms - Go/GopherJS idioms and snippets translated to JavaScript

## [Vue.js] Keyboard Event (Arrow Key Example)

Detect arrow keys pressed by users via Vue.js.

## [JavaScript] Visit All Sibling Elements or Nodes

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

## [JavaScript] Tab Panel

Tab panel implementation via JavaScript and CSS.

## [JavaScript] Accordion (Collapsible Content)

Accordion (collapsible content) implementation via JavaScript.

## [Vue.js] Accordion (Collapsible Content)

Accordion (collapsible content) implementation via Vue.js.

## [Vue.js] Tab Panel

Tab panel implementation via Vue.js and CSS.

Dropdown menu implementation via Vue.js and CSS.

## [JavaScript] Modal (Popup)

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

## [Vue.js] Modal (Popup)

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

## [JavaScript] Find All Visible Texts on Web Page

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

## [JavaScript] Traverse DOM Tree

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

## [Vue.js] HTML Select Element Example

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.

## [JavaScript] Test Text-to-Speech in Web Speech API

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

## [JavaScript] Draw Grid of Dots using Canvas

Exercise to draw 3x3 grid of dots via Canvas.

## JavaScript Empty an Array

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

## [Vue.js] AJAX XMLHttpRequest (XHR) Example

XMLHttpRequest (XHR) example by Vue.js.

## [Vue.js] Pretty Print JSON String

Pretty print JSON string via Vue.js.

## [Vue.js] Typing Text Effect

Sequential and parallel typing text effect by Vue.js.

## [JavaScript] Typing Text Effect

Sequential typing text effect by JavaScript.

## [JavaScript] Type Text Effect

Parallel typing text effect by JavaScript.

## Pure CSS Tooltip and JavaScript Implementation

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

## [JavaScript] Show Quiz After End of YouTube Video

Quiz will appear at the end of YouTube video.

## [JavaScript] Show Content If Pass Quiz

Show youtube video if users pass the quiz.

## [Vue.js] Toggle (Play/Pause) Audio Sound on Click Event of DOM Element

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

## [Vue.js] Play Audio Sound on Click Event of DOM Element

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

## [Vue.js] Input Suggest Dropdown Menu

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

## [AngularJS] Input Suggest Dropdown Menu

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

## [JavaScript] Generate Random String From [a-z0-9]

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

## [JavaScript] HTML Web History API Example

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

## [Golang] Scrape JavaScript Code via strings Package

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

## [Golang] Concatenate JavaScript Files

Concatenate JavaScript files via Go programming language.

## [JavaScript] Button For Traditional/Simplified Chinese Conversion on Website

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

## [JavaScript] Font Size Larger/Smaller

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

## [Python] Online Concatenate and Compress JavaScript Files

Online concatenate and compress JavaScript files via Python script.

## [JavaScript] Bug in Succinct Trie Implementation of Bits.js

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

## [Golang] Remove All Child Nodes of a DOM Element by GopherJS

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

## [Golang] GopherJS Synonyms with JavaScript

Synonyms - Go/GopherJS idioms and snippets translated to JavaScript

## Internationalization (i18n) of Web Application by GNU gettext Tools

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

## Use Object Instance Function as JSONP Callback Function

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

## Draggable Toggleable Simple Web Keyboard

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 When Clicked Outside It

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

## [AngularJS] Get Element Offset (Position)

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

## [AngularJS] Incorrect ng-mouseenter ng-mouseleave and Solution

Solution to mouseenter and mouseleave event in old version AngularJS.

## [AngularJS] Draggable (Movable) Element

Draggable, movable HTML element using AngularJS.

## [AngularJS] Safe Scope.\$apply Implementation (Error: \$apply already in progress)

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

## [AngularJS] Set HTML Document Title

Set HTML document title in AngularJS

## [AngularJS] Update Property in Parent Scope

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

## [AngularJS] datepicker with jQuery

jQuery datepicker wrapped in AngularJS directive.

## [JavaScript] Toggle (Play/Pause) Sound on Click Event of DOM Element

Toggle sound on click event of DOM element.

## [JavaScript] Remove Leading and Trailing Whitespaces

Remove leading and trailing whitespaces of a string in JavaScript.

## [JavaScript] Play Sound on Click Event of DOM Element

Play sound on click event of DOM element.

## [JavaScipt] Cross-Browser HTTP POST Request

JavaScript cross-browser HTTP POST request

## [JavaScipt] Cross-Browser HTTP GET Request

JavaScript cross-browser HTTP GET request

## DOM Ready without JavaScript Frameworks

Check DOM readiness in vanilla JavaScript.

## [JavaScript] Conversion of Traditional and Simplified Chinese

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

## [JavaScript] Firing Order (Precedence) of Event Handler

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

## JavaScript basename()

JavaScript equivalent of basename program.

## [JavaScript] onMouseEnter and onMouseLeave Suppport for Old Browsers

JavaScript Cross-Browser Implementation of onMouseEnter and onMouseLeave Event

## [JavaScript] Change Scope (Context) of Anonymous Function

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

## [JavaScript] Scope (Context) of Event Handler Function

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

## [JavaScript] oninput and onpropertychange Event Alternative

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

## [JavaScript] Single Callback For Multiple Asynchronous AJAX Requests (XMLHttpRequest)

JavaScript single callback for multiple asynchronous XHR requests.

## [JavaScript] Check Website Availability and Then Redirect by JSONP

Redirect users to another website if the website is available.

## [JavaScript] String startswith, endswith and contains Implementation

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

## JavaScript Create DOM Element Dynamically

Create DOM elements by JavaScript.

## JavaScript Remove All Children of a DOM Element

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

## JavaScript Cross-Browser Cross-Domain XMLHttpRequest (XDomainRequest in IE)

Cross-domain AJAX requests

## [Javascript] Width Percentage to Pixel

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

## [JavaScript] Width of Browser Window in Pixel

Width of browser window in pixel.

## [JavaScript] Comparison of MouseEnter MouseLeave MouseOver MouseOut

Compare mouseenter, mouseleave, mouseover, and mouseout events.

## Lightweight Dynamic JavaScript Loader with Dependency Handling

Load JavaScript scripts dynamically with dependencies.

## JavaScript Drag and Drop (Draggable, Movable) Element without External Library

Draggable, movable HTML element using vanilla JavaScript.

## JavaScript DOM Element Position (Scroll Position Included)

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

## JavaScript Event Target Element (srcElement)

Event target element in JavaScript event handling.