Page 399 - Web_Application_v2.0_C12_Fb
P. 399

File1: Index.html

                 <!DOCTYPE HTML>
                 <HTML>
                 <HEAD>

                 <TITLE>ROCK PAPER SCISSORS</TITLE>
                 <LINK HREF=”style.css”>
                 </HEAD>
                 <BODY>

                 <H1>CHOOSE:</H1>
                 <DIV CLASS=”choices”>
                 <IMG     SRC=”Rock.png”         ALT=”ROCK”        CLASS=”choice-img”          STYLE=”WIDTH:200PX;”
                 ONCLICK=”play(‘rock’)”>
                 <IMG     SRC=”Paper.png”        ALT=”PAPER”       CLASS=”choice-img”          STYLE=”WIDTH:200PX;”
                 ONCLICK=”play(‘paper’)”>

                 <IMG SRC=”Scissors.png”  ALT=”SCISSORS”  CLASS=”choice-img”  STYLE=”WIDTH:200PX;”
                 ONCLICK=”play(‘scissors’)”>
                 </DIV>

                 <P STYLE=”font-size: 32px; font-weight: bold;”>WON = <SPAN ID=”won”>0</SPAN> |
                 LOST = <SPAN ID=”lost”>0</SPAN> | DRAW = <SPAN ID=”draw”>0</SPAN></P>

                 <DIV ID=”result” STYLE=”display:  flex; flex-direction:  column; align-items:
                 center; font-size: 32px; font-weight: bold; WIDTH=200PX;”></DIV>

                 <SCRIPT SRC=”script.js”></SCRIPT>
                 </BODY>
                 </HTML>
                 File2: Styles.html
                 body {

                     TEXT-ALIGN: center;
                     font-family: Arial, sans-serif;
                 }

                                                                                                          Projects  397
   394   395   396   397   398   399   400   401   402   403   404