This is my code. I was wondering what I can do to change the font color to white
ID: 3716521 • Letter: T
Question
This is my code. I was wondering what I can do to change the font color to white and make the size a little bigger.
<!DOCTYPE html>
<html>
<head>
<!--
Final Project - Gym Website
Professor Archibald
New York City College of Technology
Application Form
Author: Sujoy Sarkar
Date: April 25, 2018
Filename: application.html
-->
<body></body>
<p>
<img src="i.png" alt="Logo" width="800" height="400" />
<br/>
<a href="index.html"> About Us </a>
<a href="application.html"> Application Form </a>
<a href="direction.html"> Direction </a>
<title>Gym Application</title>
<script>
function doClear()
{
document.Application.customer.value = "";
document.Application.address.value = "";
document.Application.city.value = "";
document.Application.state.value = "";
document.Application.zip.value = "";
document.Application.phone.value = "";
document.Application.email.value = "";
document.Application.membership[0].checked = false;
document.Application.membership[1].checked = false;
document.Application.toppings[0].checked = false;
document.Application.toppings[1].checked = false;
document.Application.toppings[2].checked = false;
return;
}
function doSubmit()
{
if (validateText() == false)
{
alert("Please complete your Billing Information.");
return;
}
if (validateRadio() == false)
{
alert("Please choose your membership type.");
return;
}
if (validateCheckbox() == false)
{
alert("Required data missing in Step 3");
return;
}
alert("Your pizza order has been submitted.");
return;
}
function validateText()
{
var customer = document.Application.customer.value;
if (customer.length == 0) return false;
var address = document.Application.address.value;
if (address.length == 0) return false;
var city = document.Application.city.value;
if (city.length == 0) return false;
var email = document.Application.email.value;
if (email.length == 0) return false;
}
function Validation()
{
var a = document.form.Application.phone.value;
if(a=="")
{
alert("Please enter the contact number:");
document.form.phone.focus();
return false;
}
}
function validateRadio()
{
document.Application.membership[0].checked = false;
document.Application.membership[1].checked = false;
return false;
}
function validateCheckbox()
{
if (document.Application.toppings[0].checked) return true;
if (document.Application.toppings[1].checked) return true;
if (document.Application.toppings[2].checked) return true;
if (document.Application.toppings[3].checked) return true;
return false;
}
</script>
</head>
<body>
<form name="Application">
<h1>Billing Information</h1>
<p>
<h4>Billing Details:</h4>
<font face="Courier New">
Name: <input name="customer" size="50" type="text"><br>
Address: <input name="address" size="50" type="text"><br>
City: <input name="city" size="15" type="text">
State: <input name="state" size="2" type="TEXT">
Zip: <input name="zip" size="5" type="text"><br>
Phone: <input name="phone" size="50" type="text"><br>
Email: <input name="email" size="50" type="text"><br>
</font>
</p>
<p>
<h4>Membership:</h4>
<font face="Courier New">
<input name="3months" type="radio"> 3 Months - $30.00
<input name="6months" type="radio"> 6 Months - $60.00
<input name="9months" type="radio"> 9 Months - $90.00
<input name="Yearly" type="radio"> Yearly - $120.00
<br>
</font>
</p>
<p>
<h4>Create a Account:</h4>
<input name= "sizes" type= "checkbox" > Pepparoni
<input name= "sizes" type= "checkbox" > Cheese
<input name= "sizes" type= "checkbox" > Pineapple
<input name= "sizes" type= "checkbox" > Chicken
<input name= "sizes" type= "checkbox" > Pepparoni
<input name= "sizes" type= "checkbox" > Pepparoni
</p>
<p>
</p>
<input type="button" value="Submit Order">
<input type="button" value="Clear Entries">
</form>
</body>
</html>
Explanation / Answer
<!DOCTYPE html>
<html>
<head>
<!--
Final Project - Gym Website
Professor Archibald
New York City College of Technology
Application Form
Author: Sujoy Sarkar
Date: April 25, 2018
Filename: application.html
-->
<body text="white"></body>
<p>
<img src="i.png" alt="Logo" width="800" height="400" />
<br/>
<a href="index.html"> About Us </a>
<a href="application.html"> Application Form </a>
<a href="direction.html"> Direction </a>
<title>Gym Application</title>
<script>
function doClear()
{
document.Application.customer.value = "";
document.Application.address.value = "";
document.Application.city.value = "";
document.Application.state.value = "";
document.Application.zip.value = "";
document.Application.phone.value = "";
document.Application.email.value = "";
document.Application.membership[0].checked = false;
document.Application.membership[1].checked = false;
document.Application.toppings[0].checked = false;
document.Application.toppings[1].checked = false;
document.Application.toppings[2].checked = false;
return;
}
function doSubmit()
{
if (validateText() == false)
{
alert("Please complete your Billing Information.");
return;
}
if (validateRadio() == false)
{
alert("Please choose your membership type.");
return;
}
if (validateCheckbox() == false)
{
alert("Required data missing in Step 3");
return;
}
alert("Your pizza order has been submitted.");
return;
}
function validateText()
{
var customer = document.Application.customer.value;
if (customer.length == 0) return false;
var address = document.Application.address.value;
if (address.length == 0) return false;
var city = document.Application.city.value;
if (city.length == 0) return false;
var email = document.Application.email.value;
if (email.length == 0) return false;
}
function Validation()
{
var a = document.form.Application.phone.value;
if(a=="")
{
alert("Please enter the contact number:");
document.form.phone.focus();
return false;
}
}
function validateRadio()
{
document.Application.membership[0].checked = false;
document.Application.membership[1].checked = false;
return false;
}
function validateCheckbox()
{
if (document.Application.toppings[0].checked) return true;
if (document.Application.toppings[1].checked) return true;
if (document.Application.toppings[2].checked) return true;
if (document.Application.toppings[3].checked) return true;
return false;
}
</script>
</head>
<body>
<form name="Application">
<h1>Billing Information</h1>
<p>
<h4>Billing Details:</h4>
<font face="Courier New">
Name: <input name="customer" size="50" type="text"><br>
Address: <input name="address" size="50" type="text"><br>
City: <input name="city" size="15" type="text">
State: <input name="state" size="2" type="TEXT">
Zip: <input name="zip" size="5" type="text"><br>
Phone: <input name="phone" size="50" type="text"><br>
Email: <input name="email" size="50" type="text"><br>
</font>
</p>
<p>
<h4>Membership:</h4>
<font face="Courier New">
<input name="3months" type="radio"> 3 Months - $30.00
<input name="6months" type="radio"> 6 Months - $60.00
<input name="9months" type="radio"> 9 Months - $90.00
<input name="Yearly" type="radio"> Yearly - $120.00
<br>
</font>
</p>
<p>
<h4>Create a Account:</h4>
<input name= "sizes" type= "checkbox" > Pepparoni
<input name= "sizes" type= "checkbox" > Cheese
<input name= "sizes" type= "checkbox" > Pineapple
<input name= "sizes" type= "checkbox" > Chicken
<input name= "sizes" type= "checkbox" > Pepparoni
<input name= "sizes" type= "checkbox" > Pepparoni
</p>
<p></p>
<input type="button" value="Submit Order">
<input type="button" value="Clear Entries">
</form>
</body>
</html>
<!-- NOTE : For changing the font color to white we need to change the background color as well, so that white color text will be visible, and I have increased the size of the text. Lemme know if you have any queries. -->
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.