Javascript Demonstration

Greetings

function greet(){
var fName = document.getElementById('firstName').value;
var lName = document.getElementById('lastName').value;
document.getElementById('greetings').innerHTML = 'Hello, ' + fName + ' ' + lName + ' ,and welcome to my website';
return false;
}






Roman Conversion

function convert(){
var number = document.getElementById('num').value;
var romans = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X'];
document.getElementById('romanNum').innerHTML = romans[number - 1];
}




Kelvin Converter

function conKel() {
var fahr = document.getElementById('tempFahr').value;
var fahrNum = Number(fahr);
var kel = ((fahrNum - 32) / 1.8) + 273;
document.getElementById('tempKel').innerHTML = kel + 'K';
}


Secret Number Game

function chkSecret() {
var inNum = document.getElementById('userNum').value;

if (inNum > 12) {
document.getElementById('response').innerHTML = 'Your too high. Try again.';
} else if (inNum < 12) {
document.getElementById('response').innerHTML = 'Your too low. Try again';
} else {
document.getElementById('response').innerHTML = 'Congrats! You won!';
}
}

Ceaser Cipher Excercise

Messege to encrypt:



Shift Number:

Graphics and Media

Canvas

Image to use:

I don't think you understand.

Canvas to fill:

Your browser does not support the HTML5 canvas tag.

SVG Graphic

YES! Sorry, your browser does not support inline SVG.

Audio

Video

Document

Click here to open a Word document