Presentation is loading. Please wait.

Presentation is loading. Please wait.

Challenge One Walkthrough. Summary Open dreamweaver Open index Add and Add form Open controller.js add function Link controller to index.

Similar presentations


Presentation on theme: "Challenge One Walkthrough. Summary Open dreamweaver Open index Add and Add form Open controller.js add function Link controller to index."— Presentation transcript:

1 Challenge One Walkthrough

2 Summary Open dreamweaver Open index Add and Add form Open controller.js add function Link controller to index

3 Open DreamWeaver Click Start (bottom left of the screen) Type Dream Click DreamWeaver to open

4 Open index Click start again Click on your name – find where you saved the challenge one site! Drag the index.html page onto any dark grey area in DreamWeaver!

5 Add Under Write Challenge One Save site Run site – what happens?

6 Add Under the add Type your name below Save site Run site

7 Add Under the tag Add and Inside the form tags – – Say Hello Save Run – what happens?

8 Add extra things to form Inside the tag add id=“txtName” Inside the add –onclick=“javascript:sayHello();”

9 Open up controller.js Go back to your challenge one folder Open the js folder Drag the controller.js onto the top grey bar of DreamWeaver

10 Create a function Write Function sayHello() { var name = document.getElementById('txtName').value; alert (“hello “ + name); }

11 Link controller to index Below your


Download ppt "Challenge One Walkthrough. Summary Open dreamweaver Open index Add and Add form Open controller.js add function Link controller to index."

Similar presentations


Ads by Google