ICT1512 2023 ASSIGNMENT 7
(with all the source code you need)
***There is a link to the PROJECT zipped folder at the end of this file***
Crystal Indigo!
Crystal Indigo!
Providing all solutions you need anytime
+27 76 626 8187
***copy the code to your editor, run or open with a browser***
Note: do not submit as pdf , CHANGE name and date
,Output
,project06-03.html
<!DOCTYPE html>
<html>
<head>
<!--
JavaScript 7th Edition
Chapter 6
Hands-on Project 6-3
Author: Crystal Indigo
Date: 21/06/2023
Filename: project06-03.html
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Hands-on Project 6-3</title>
<link rel="stylesheet" href="styles.css" />
, <script src="project06-03.js" defer></script>
</head>
<body>
<header>
<h1>
Hands-on Project 6-3
</h1>
</header>
<article>
<h1>Checkout</h1>
<form id="billShip" name="billShip" method="get" action="formsubmit.html">
<section>
<legend>Shipping Address</legend>
<fieldset id="shipping">
<p><span>*</span> — Required Field</p>
<label for="firstnameShip">First Name <span>*</span></label>
<input type="text" required id="firstnameShip" name="firstnameShip" />
<label for="lastnameShip">Last Name <span>*</span></label>
<input type="text" required id="lastnameShip" name="lastnameShip" />
<label for="address1Ship">Address Line 1 <span>*</span></label>
<input type="text" required id="address1Ship" name="address1Ship" />
<label for="address2Ship">Address Line 2 <span> </span></label>
<input type="text" id="address2Ship" name="address2Ship" />
<label for="cityShip">City <span>*</span></label>
<input type="text" required id="cityShip" name="cityShip" />
<label for="stateShip">State <span>*</span></label>
<select id="stateShip" name="stateShip">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
(with all the source code you need)
***There is a link to the PROJECT zipped folder at the end of this file***
Crystal Indigo!
Crystal Indigo!
Providing all solutions you need anytime
+27 76 626 8187
***copy the code to your editor, run or open with a browser***
Note: do not submit as pdf , CHANGE name and date
,Output
,project06-03.html
<!DOCTYPE html>
<html>
<head>
<!--
JavaScript 7th Edition
Chapter 6
Hands-on Project 6-3
Author: Crystal Indigo
Date: 21/06/2023
Filename: project06-03.html
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Hands-on Project 6-3</title>
<link rel="stylesheet" href="styles.css" />
, <script src="project06-03.js" defer></script>
</head>
<body>
<header>
<h1>
Hands-on Project 6-3
</h1>
</header>
<article>
<h1>Checkout</h1>
<form id="billShip" name="billShip" method="get" action="formsubmit.html">
<section>
<legend>Shipping Address</legend>
<fieldset id="shipping">
<p><span>*</span> — Required Field</p>
<label for="firstnameShip">First Name <span>*</span></label>
<input type="text" required id="firstnameShip" name="firstnameShip" />
<label for="lastnameShip">Last Name <span>*</span></label>
<input type="text" required id="lastnameShip" name="lastnameShip" />
<label for="address1Ship">Address Line 1 <span>*</span></label>
<input type="text" required id="address1Ship" name="address1Ship" />
<label for="address2Ship">Address Line 2 <span> </span></label>
<input type="text" id="address2Ship" name="address2Ship" />
<label for="cityShip">City <span>*</span></label>
<input type="text" required id="cityShip" name="cityShip" />
<label for="stateShip">State <span>*</span></label>
<select id="stateShip" name="stateShip">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District Of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
