====== Introduction to JavaScript Workshop ======

===== hello world =====
{{:pasted:20250305-210044.png}}

Are you feeling like this about programming?

We'll do this today.

{{:pasted:20250305-210238.png}}

At the end of this hour, you;ll feel like this!

{{:pasted:20250305-210620.png}}

This webpage can be found at this QR code, or go to my website and search javascript-workshop.

{{:pasted:20250306-174212.png?500}}

<code JavaScript [enable_line_numbers="true"]>
console.log('hello world!')
</code>

===== calculator =====

===== mess with images on a webpage =====


<code JavaScript [enable_line_numbers="true"]>
function replaceImagesWithUrl(url) {
    // Get all img elements in the document
    var images = document.getElementsByTagName('img');

    // Convert images NodeList to an array and iterate using forEach
    Array.from(images).forEach(function(img) {
        // Replace the src attribute with the provided URL
        img.src = url;
    });
}
</code>

===== mess with text on a webpage =====

<code JavaScript [enable_line_numbers="true"]>
function replaceSpanText(newText) {
    // Get all span elements in the document
    var spans = document.getElementsByTagName('span');

    // Convert NodeList to an array and iterate using forEach
    Array.from(spans).forEach(function(span) {
        // Replace the text content of the span with the provided new text (string
        span.textContent = newText;
    });
}
</code>

===== p5js =====

https://editor.p5js.org/

===== term dump =====
<code>
( ) parentheses, brackets
{ } curly brackets, curly braces
' '  single quotes
" " 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
</code>