Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
intro-to-javascript-wokshop [2024/06/29 22:55] – renick | intro-to-javascript-wokshop [2024/07/05 04:27] (current) – renick | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Introduction to JavaScript Workshop ====== | ====== Introduction to JavaScript Workshop ====== | ||
+ | |||
+ | ===== hello world ===== | ||
+ | |||
+ | {{: | ||
+ | https:// | ||
+ | |||
+ | <code JavaScript [enable_line_numbers=" | ||
+ | console.log(' | ||
+ | </ | ||
+ | |||
+ | ===== calculator ===== | ||
===== mess with images on a webpage ===== | ===== mess with images on a webpage ===== | ||
- | < | + | < |
function replaceImagesWithUrl(url) { | function replaceImagesWithUrl(url) { | ||
// Get all img elements in the document | // Get all img elements in the document | ||
Line 19: | Line 30: | ||
===== mess with text on a webpage ===== | ===== mess with text on a webpage ===== | ||
- | < | + | < |
function replaceSpanText(newText) { | function replaceSpanText(newText) { | ||
// Get all span elements in the document | // Get all span elements in the document | ||
Line 34: | Line 45: | ||
===== remember: ===== | ===== remember: ===== | ||
+ | {{: | ||
https:// | https:// | ||
+ | |||
+ | ===== p5js ===== | ||
+ | |||
+ | https:// | ||
+ | |||
+ | ===== term dump ===== | ||
+ | < | ||
+ | ( ) parentheses, | ||
+ | { } curly brackets, curly braces | ||
+ | ' ' | ||
+ | " " double quotes | ||
+ | , comma | ||
+ | . period, dot | ||
+ | - dash, hyphen | ||
+ | _ underscore | ||
+ | / slash | ||
+ | \ backslash | ||
+ | argument = the input to a function | ||
+ | call a function = use a function, make it do what it's intended to do | ||
+ | put the argument between the parentheses when you call a function | ||
+ | declare a function | ||
+ | return = the value that a function returns or gives back when it is called | ||
+ | string = text data which is determined by a pair of quotes, single or double | ||
+ | variable = a box with a name in which we can store things | ||
+ | </ |