Lesson 4__onlick_JavaScript_insp_Thursday Lesson
1 / 24
Items in this lesson
Slide 1 - Slide
This item has no instructions
Slide 2 - Slide
This item has no instructions
Slide 3 - Slide
This item has no instructions
Slide 4 - Slide
This item has no instructions
Slide 5 - Slide
This item has no instructions
Slide 6 - Slide
This item has no instructions
Create web page with that has the following tags- html, head, body
Slide 7 - Open question
This item has no instructions
Select the command that will activate a function
A
Onclick
B
Id paragraph where your comment will appear
C
None
D
A script Tag
Slide 8 - Quiz
This item has no instructions
<p Id="Ref" </p>
A
Not significant
B
Reference area
C
When the function is
called it will place sometext in "Ref".
D
Enables Web scripting
Slide 9 - Quiz
This item has no instructions
<button onclick="myFunction()">Click me</button>
A
Calls a function called "myFunction ()" when button is clicked
B
Waits until you click a button called "click me"
C
Creates a button called "click me "
D
Creates a button called "on click"
Slide 10 - Quiz
This item has no instructions
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";}
</script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";}
</script>
A
This a Javascript code
B
The Function will reference "id "demo" in the html document.
C
Function gets the whole html document
D
The " document.getElementById"
is a standard Javascript code.
Slide 11 - Quiz
This item has no instructions
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script> rewrite script to change the "id" to "test" and the text to "I am gaining knowledge"
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script> rewrite script to change the "id" to "test" and the text to "I am gaining knowledge"
Slide 12 - Open question
This item has no instructions
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
Select the associated html elements
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
Select the associated html elements
A
<p id="demo"></p>
B
<button onclick="Function()>clickme</button>
C
<button onclick="myFunction()>clickme</button>
D
<p ID="demo"></p>
Slide 13 - Quiz
This item has no instructions
A Webpage that responds with " Clicked me" when you activate the button.
Name the different elements that is involved.
Name the different elements that is involved.
Slide 14 - Mind map
This item has no instructions
Create a webpage that will respond with " I am learning Javascript" when you activate the button.
You may use the next slide to help you.
You may use the next slide to help you.
Slide 15 - Open question
This item has no instructions
Slide 16 - Link
This item has no instructions
Slide 17 - Slide
This item has no instructions
Slide 18 - Link
This contain the
doucment.body.innerHTML=" " ;
how well did you understand Buttons
very well
well
Keep practising
Slide 19 - Poll
This item has no instructions
How well did you understand Functions
Very well
well
Keep Practicising
Slide 20 - Poll
This item has no instructions
Slide 21 - Slide
This item has no instructions
Slide 22 - Slide
This item has no instructions
Slide 23 - Slide
This item has no instructions
Slide 24 - Video
This item has no instructions
