Designing solutions through programming - January 12 2017 Lesson Notes: Difference between revisions
Mr. MacKenty (talk | contribs) |
Mr. MacKenty (talk | contribs) |
||
Line 6: | Line 6: | ||
# We will configure our IDE's | # We will configure our IDE's | ||
# we will learn basic terminology about javascript | # we will learn basic terminology about [https://www.youtube.com/watch?v=ZyXuwTTKKM0 javascript] | ||
# We will learn about [https://www.youtube.com/watch?v=GBKwdFEyJks DOM] | # We will learn about [https://www.youtube.com/watch?v=GBKwdFEyJks DOM] | ||
# We will work through very basic examples of javascript events [http://www.w3schools.com/js/js_events_examples.asp using these examples]. | # We will work through very basic examples of javascript events [http://www.w3schools.com/js/js_events_examples.asp using these examples]. |
Revision as of 11:35, 12 January 2017
What are we going to learn today?[edit]
<!DOCTYPE html>
<html>
<body>
<h1>A javascript example</h1>
<p id="demo1">JavaScript can change content inside a defined ID or even CLASS.</p>
<button type="button" onclick="document.getElementById('demo1').innerHTML = 'I love computer science!'">Click Me!</button>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p>This example demonstrates how to assign an "onmouseover" and "onmouseout" event to a h1 element.</p>
<h1 id="demo" onmouseover="mouseOver()" onmouseout="mouseOut()">Mouse over me</h1>
<script>
function mouseOver() {
document.getElementById("demo").style.color = "red";
}
function mouseOut() {
document.getElementById("demo").style.color = "black";
}
</script>
</body>
</html>
|
What is our homework?[edit]
|
|
How am I being assessed today?[edit]
|
||
Standards we are covering today[edit]
|
As a computer scientist, you have:[edit]
|
|
Credits[edit] |