doMath is a powerful calculator, just type out
the equation you want to solve and doMath!

Examples to try:
4+2*3
2-4^6+2
2/8*(2+11)-3*5+4
1&1*1|0
0b1001|0b0110
0xFA +1
f=4; f*5
Math.random()
lo=2;hi=6;Math.round(Math.random()*(hi-lo)+lo)
Math.PI
Math.PI.toFixed(2)
Math.round(56.78)
Math.ceil(54.3)
Math.floor(35.6)
255..toString(16)
parseInt("ff", 16)

Help (v2.0)

Videos

Using Images and other files

  You need to use a file host/web server to use your own files.
  Getting and paying for your own domain and web hosting is the best way
  because you can set up HTTPS, but if you're just testing things, you can use
  HFS, a free webserver you can use locally: HFS download
  You just point the src to http://127.0.0.1/file.name to get to your files.

Buttons:
Run	Places HTML, CSS and Javascript in the Iframe. Do this if you make changes to any code you'd like to see. CTRL+` (backtick)
Save	Prompts for a name and saves your HTML, CSS and Javascript into one file. You can also test the saved file, as is, in your browser. Remember to save as often as required! CTRL+S also saves without asking for a filename. A downside of working in the same area that you test in, if you freeze the browser with Javascript loop gone wild, you may have to kill the browser task.
Open	Loads files saved by Save button. Can load other HTML files but you have to separate CSS and Javascript. CTRL+O
Split	Split screen mode toggle, see two tabs. CTRL+Q
Fscrn	Open work area full screen. You can use Hotkeys listed below to change tabs. ESC returns to normal. This is different than F11 fullscreen.
Hotkeys	F12 most browsers open or close the debugger. F11 most browsers should go fullscreen. CTRL+1 to CTRL+9 to switch to the corresponding tabs CRTL+0 switches to help. (Basically the order on the keyboard.) Note: while in the iframe tab, CTRL+[0 to 9] may not work! While in HTML, CSS or Javascript tabs CTRL+G will search Help for the word under the text cursor. If the keyword isn't found, it'll just show you the help section. F1 shows more editor hotkeys and settings.

Tabs:
HTML	HTML content goes here. Press F1 to see settings.
CSS	Write CSS here. Press F1 to see settings.
Javascript	Javascript, make your webapp do things! Press F1 to see settings.
Iframe	For testing your website. Press run to load your data from the previous tabs.
Calc	Advanced Javascript calculator. Hex and base64 conversions
Regex	Test Regular Expressions. Top is the haystack. In the middle you define the needle and the bottom displays results and errors. Regex cheatsheet below.
MakeTable	Create an empty, static HTML table by defining the rows/cols and press createNew. If you have a CSV file, Comma Seperated Values, common to spreadsheet users, use the fromCSV button. You can choose the separator after you pick a file. Line 1 in the CSV file is the header. Click toHTML* to copy code to the HTML tab.
MakeForm	These inputs are used to get data from the user. If you are making a form to submit to a server you'll need the form action first, you don't need it if using the inputs locally. Now add what you like to your form. Click toHTML* to copy code to the HTML tab.
Notes	Currently for writing notes, this tab may change! Notes aren't saved!
*the toHTML button sends the code to the right tabs, you have to click inside the edit area to focus the input before the code shows up. Sometimes it will also add code to CSS or Javascript, be sure to check those tabs too.

Top

REGEX HELP

Character: (used as is, match one character)
\d	any digit [0-9]
\D	any non digit [^0-9]
\w	any alphanumetric [a-zA-Z0-9_]
\W	any non alphanumetric [^a-zA-Z0-9_]
\s	matches whitespace
\S	matches non whitespace
\t	horizontal tab
\r	carriage return
\n	linefeed
\v	vertical tab
\f	form feed
\xff	matches character with hex code FF
\b	matches word boundry
\B	matches non word boundry
\	treat as literal, characters not mentioned above
.	any non line ending [^\n\r]
^	matches start
$	matches end

Groups/Ranges:
[a-d]	one of the range a-d [abcd]
[^a-z]	one not in the range a-z
[a|z]	a or z
(a)	capture groups

Quantifiers: (used after a character)
*	0 or more
+	1 or more
?	0 or 1
{4}	exactly four
{2,}	two or more
{1,4}	between 1 and 4
?	non greedy (use after quantifier)

Top

Javascript Cheatsheet

const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
 console.log(responseText);
}
xhttp.open("GET". "url". true); xhttp.send();

Top

Top

Colour

Top

Top

To start using three.js
 - Take a look at the examples on https://threejs.org/

 - I recommended to download and extract the zip from https://github.com/mrdoob/three.js/archive/master.zip
  the examples/js folder list all modules you can use, like OrbitControls
  see below to see how to add those modules to your script.


 - Here is the three.js getting started example on their site:
  You need to put these lines in the right section
  Once added you will see a spinning cube when you click Run.

 -- HTML, add to head tag:

<script src="./three/three.min.js"></script>
<script src="./three/js/controls/OrbitControls.js"></script>

 -- Javascript, add to bottom:
 
const scene = new THREE.Scene();
//const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
const camera = new THREE.PerspectiveCamera( 75, 1, 0.1, 1000 );
const renderer = new THREE.WebGLRenderer();
//renderer.setSize( window.innerWidth, window.innerHeight );
renderer.setSize( 400,400 );
document.body.appendChild( renderer.domElement );

const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
const cube = new THREE.Mesh( geometry, material );
scene.add( cube );

camera.position.z = 5;

const controls = new THREE.OrbitControls( camera, renderer.domElement );
controls.maxPolarAngle = Math.PI * 0.5;

const animate = function () {
 requestAnimationFrame( animate );

 cube.rotation.x += 0.01;
	cube.rotation.y += 0.01;

	renderer.render( scene, camera );
};

animate();

Top