18

Beginner - CoderDojokata.coderdojo.com/images/0/05/Beginner_Javascript_Sushi.pdf · JAVASCRIP WEB PAGE hnsaipt Go Into the "Beglnner-Javascrlpt-Sushl" folder and .blank.html". copy

Embed Size (px)

Citation preview

4

I’m Learning: Javascript

JQUERY SELECTORSCard 9 of 9

5

$("#reset_button").click(function() {$("#name").html("Ling Ling the Panda");$("#description").html("This is the description");$("#description").css("opacity","1");$(".text").css({"font-size":"16px","color":"black"});

});

In your script code, add the following code.

Refresh your web page and click the reset button. What doyou think the button does?

$("#image").animate({height: 100, width:100}, "fast");

6 Edit the code in step 4 so it looks like this. Identify whatchanged when you click the reset button.

$("#reset_button").click(function() {$("#name").html("Ling Ling the Panda");$("#description").html("This is the description");$("#description").css("opacity","1");$(".text").css({"font-size":"16px","color":"black"});

});$("#image").css( ,"1");"opacity"

Why?Have a record of your achievement you can share with yourfriends and family!

Claim your badge on the CoderDojo website

How?Visit dojo.soy/jsb-badge and follow the instruc8ons on the page.