About javaScriptCartographer
javaScriptCartographer is a tool for learning JavaScript. Each webpage covers a foundational concept in JavaScript. javaScriptCartographer does focus on html, or css; therefore it is designed to look spartan, reminiscent of 1990's terminals, and PowerShell. It has been designed this way to reduce distractions which allows the user to focus on JavaScript.
codeSpace
JavaScript has to work in tandem with HTML to function as designed. Therefore, examples of JavaScript code on the page will be displayed in a codeSpace box with a dark navy background like PowerShell Admin.
codeSpace EXAMPLE
//this is a codeSpace box, it a text-copy of the JavaScript running on the page.
document.getElementById("welcomeJSC").addEventListener("click", welcomeJSCFun);
function welcomeJSCFun()
{alert("Welcome to JavaScriptCartographer!");
}
htmlSpace
HTML files need to anchor JavaScript files. For expected behavior to function as designed, a HTML anchor and a JavaScript program need to work in tandem. htmlSpace will have a blackish-green background with green letters, similar to 1980's QBASIC consoles.
Example of htmlSpace
<!--this is a htmlSpace. It is a text copy of html anchors for JavaScript. -->
<head>
<script id="welcomeJSC">Example Button defer</script>
<head>
<div>
<button id="welcomeJSC">Example Button</button>
</div>
BUTTONS
Many pages in javaScriptCartographer contain several JavaScript programs. The programs are contained in functions that are invoked when the button is pushed, so the programs do not launch when the browser loads the page That way the user can experiment with each program. Below is an examples of a program launching button.