CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Semester 3 pog

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-08-16 17:31:33 -05:00
parent 2dc89a3b93
commit a33c99cbd2
1558 changed files with 439 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
Semester 1/Chapter ZIPs/JavaScript/ch6/ex_6_4.html Executable file
View File

@@ -0,0 +1,34 @@
<html>
<head>
<title>Example 6.4 </title>
<link href="greg.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function pickAvatar(picked)
{
var avatar = document.getElementById(picked).value;
document.getElementById("myavatar").innerHTML = avatar;
}
</script>
</head>
<body>
<div id="container">
<table width = "80%" align = "center"><tr colspan = "5"><td class="nobdr">&nbsp;<br /></td></tr>
<tr><td colspan = "5" class="nobdr"><h1>Select Your Avatar:</h1></td></tr>
<td class="nobdr"> <img src="images/bunny.jpg" /></td>
<td class="nobdr"> <img src="images/elf.jpg" /> </td>
<td class="nobdr"> <img src="images/ghost.jpg" /></td>
<td class="nobdr"><img src="images/princess.jpg" /></td>
<td class="nobdr"><img src="images/wizard.jpg" /></td>
</tr>
<tr><td class="nobdr"><input type = "radio" name = "avatar" id = "bunny" value = "Bunny" onclick="pickAvatar('bunny')"/></td>
<td class="nobdr"><input type = "radio" name = "avatar" id = "elf" value = "Elf" onclick="pickAvatar('elf')"/></td>
<td class="nobdr"><input type = "radio" name = "avatar" id = "ghost" value = "Ghost" onclick="pickAvatar('ghost')"/> </td>
<td class="nobdr"><input type = "radio" name = "avatar" id = "princess" value = "Princess" onclick="pickAvatar('princess')"/></td>
<td class="nobdr"><input type = "radio" name = "avatar" id = "wizard" value = "Wizard" onclick="pickAvatar('wizard')"/> </td></tr>
</table>
<p>The avatar you selected is: <span id = "myavatar">kitty</span> </p>
<p>&nbsp;</p>
</div>
</body>
</html>