Menu
I have started the base of the code where it prompts the user for a list of options on 3 different types of lists. Now I need to add a second prompt (window) to ask the user to choose between 3 different colors for the text. I’m new to javascripting, so I’m a bit lost at the moment. Any help would be greatly appreciated. Below is the start of my script:
[code]
<?xml version = “1.0”?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns = “http://www.w3.org/1999/xhtml”>
<head>
<title>Switching between XHTML List Formats</title>
<script type = “text/javascript”>
<!–
var choice, // user’s choice
startTag, // starting list item tag
endTag, // ending list item tag
validInput = true, // indicates if input is valid
listType; // list type as a string
choice = window.prompt( “Select a list style:n” +
“1 (bullet), 2 (numbered), 3 (lettered)”, “1” );
switch ( choice ) {
case “1”:
startTag = “<ul>”;
endTag = “</ul>”;
listType = “<h1>Bullet List</h1>”;
break;
case “2”:
startTag = “<ol>”;
endTag = “</ol>”;
listType = “<h1>Ordered List: Numbered</h1>”;
break;
case “3”:
startTag = “<ol type = “A”>”;
endTag = “</ol>”;
listType = “<h1>Ordered List: Lettered</h1>”;
break;
default:
validInput = false;
}
if ( validInput == true ) {
document.writeln( listType + startTag );
for ( var i = 1; i <= 3; ++i )
document.writeln( “<li>List item ” + i + “</li>” );
document.writeln( endTag );
}
else
document.writeln( “Invalid choice: ” + choice );
// –>
</script>
</head>
<body>
<p>Click Refresh (or Reload) to run the script again</p>
</body>
</html>