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

