ユーザー入力に応じて、さまざまなフォームが読み込まれるWebサイトページを作成しています。
ページが読み込まれると、ユーザーは登録するかどうかを尋ねられます。顧客または販売者がいます。その選択に応じて、変数をTrueまたはFalseに設定すると、関連するフォームが読み込まれます。これまでのところ、これを実行できましたが、ページは背景色のみを読み込んでいます（これはJavaScriptの導入を開始したときに発生し始めました）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<title>Customer/Reseller</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
<!--[if IE]>
<style type="text/css">
.clear {
zoom: 1;
display: block;
}
</style>
<![endif]-->
</head>
<body>
<div class="section" id="page"> <!-- Defining the #page section with the section tag -->
<div class="header"> <!-- Defining the header section of the page with the appropriate tag -->
<h2>G51 Villain Supply</h2>
<h3>Delivering Technology </h3>
<div class="nav clear"> <!-- The nav link semantically marks your main site navigation -->
<ul>
<li><a href="index.html"> Home </a></li>
<li><a href="about.html"> About </a></li>
<li><a href="products.html"> Products </a></li>
<li><a href="app.html"> Customer/Reseller </a></li>
<li><a href="private.html"> Private </a></li>
</ul>
</div>
</div>
<div class="section" id="articles"> <!-- A new section with the articles -->
<!--start -->
<div class="line"></div> <!-- Dividing line -->
<div class="article" > <!-- The new article tag. The id is supplied so it can be scrolled into view. -->
<h2>Seller Section</h2>
<div class="line"></div>
<div class="articleBody clear">
<form action="" method="seller">
<fieldset>
<legend>Seller Registration Form</legend>
<br>Please complete </br>
<br><label for="Fname">First Name:</label></br> <input type="text" name="name" id="name"/>
<br><label for="Lname">Last Name:</label></br> <input type="text" name="name" id="name"/>
<br><label for="Contact">Contact Number:</label></br> <input type="text" name="name" id="name"/>
<br><label for="email">Email:</label></br> <input type="text" name="email" id="email" />
<p></p><p></p>
<p><label for="agree"> </label> <input type="checkbox" name="agree" id="agree" /> The information I have provided above is accurate.</p>
<p><label for="btnsubmit"> </label><input type="submit" value="Register" name="btnsubmit" id="btnsubmit" /></p>
<p></p>
</fieldset>
</form>
</div>
</div>
<!-- end -->
</div>
<div class="section" id="articles"> <!-- A new section with the articles -->
<!--start -->
<div class="line"></div> <!-- Dividing line -->
<div class="article" > <!-- The new article tag. The id is supplied so it can be scrolled into view. -->
<h2>Customers Section</h2>
<div class="line"></div>
<div class="articleBody clear">
<form action="" method="cust">
<fieldset>
<legend>Customer Registration Form</legend>
<br>Please complete </br>
<br><label for="Fname">First Name:</label></br> <input type="text" name="name" id="name"/>
<br><label for="Lname">Last Name:</label></br> <input type="text" name="name" id="name"/>
<br><label for="FAdd">First Line Address:</label></br> <input type="text" name="1stAdd" id="name"/>
<br><label for="PstAdd">Postcode:</label></br> <input type="text" name="PstAdd" id="name"/>
<br><label for="Contact">Contact Number:</label></br> <input type="text" name="name" id="name"/>
<br><label for="email">Email:</label></br> <input type="text" name="email" id="email" />
<p></p><p></p>
<p><label for="agree"> </label> <input type="checkbox" name="agree" id="agree" /> The information I have provided above is accurate.</p>
<p><label for="btnsubmit"> </label><input type="submit" value="Register" name="btnsubmit" id="btnsubmit" /></p>
<p></p>
</fieldset>
</form>
</div>
</div>
<!-- end -->
</div>
<div class="footer"> <!-- Marking the footer section -->
<div class="line"></div>
<p>Copyright 2012 - G51 Villain Supply </p> <!-- Change the copyright notice -->
<a href="#" class="up">Go UP</a>
</div>
</div> <!-- Closing the #page section -->
</body>
方法がわからないため、JavaScriptの一部のブロックが未完成です。助けてください、ありがとう。
編集：上記のコードをJavaScriptを使用しないクリーンなコードに置き換えました。