Igor Rosenberg's JS demos

This repo saves experiments in JS. The code below should be seen as sandbox futilities.

node server

node-server.js, a quick HTTP file server, from stackoverflow-16333790.

npm install finalhandler serve-static
cat > node-server.js
node node-server.js
firefox http://localhost:8000/

Javascript source.

AJAX scroll

Test an HTTP service via GET requests. Live Version

Micro audio demo

Demo of the html tag. Live Version

Basic trigonometry

I needed some trig refreshers, for some image analysis project. So I coded some math illustrations. Live Version

Dynamic tabs

Bootstrap dynamic tabs: add a tab if missing, then delete it on click. Live Version

Using mobile camera

Use the device's image capture, crop the image, then send via XHR. Live Version

Claude's hex game

A brain-teaser: translate and rotate the pieces. Colored paths form as the pieces touch each other. Can you make 3 continuous paths: red, blue, yellow ?

Because I couldn't do it in my head, I wrote a JavaScript solver. Current version works nicely, but a complete rewrite is needed. Live Version

Clock

Just two clocks, possibly for lovers far apart. The target time zone can be set in the parameters adding ?clock1=America/New_York&clock2=Europe/Moscow The target city name can be set in the parameters adding ?city1=SpringField&city2=Moskva Live Version

Dice run

A wooden brain-teaser: within a tower, four dice are inserted. They bear one of four colors on each side. The dice can be rotated in any direction. The objective is have each side of the column showing four different colors.

Because I couldn't do it in my head, I wrote a JavaScript solver. Optimizing the first naive version was fun. Live Version

element_extensions.js

Add nice functions to standard DOM elements: toggleDisplay, hasClass, addJavascript. Live Version

Image I/O

Using canvas and <input type="file">, extract a region from an image. Still work in progress! Live Version

Is internet alive ?

Via a CORS request, check that a remote site can be reached. This could be the start of an SPA monitoring framework. Live Version

JQuery disable button

Simple demo of the 'disabled' attribute on a button. Live Version

JQuery rewire

Given a server exposing HTML fragments, import them in another 'main' page via AJAX requests. Heavily based on $.load, which seems tailored to this exact need. Live Version

JS playground

Immediate feedback while coding in javascript : enter javascript code in the textarea, and the result of the execution is displayed below, whenever a key is pressed.

This is similar to the w3schools tryit editor or jsfiddle or any modern browser's developper "console". Live Version

Mandelbrot

An afternoon's activity: display the Mandelbrot. Live Version

Oracle

Ask and answer questions. Live Version

sort-implem.js

As a futile exercice, rewrite a well-known sort algorithm. Live Version

Timer

Simple Countdown Timer. Live Version

xmas-tree.js

Via a long-running process, populate an array. It's a very naive basis for concurrent thinking in JS. Live Version