Please help with creating a javascript file to produce the outcome bel.pdf
1. Please help with creating a javascript file to produce the outcome below, using the following
HTML and CSS documents
HTML CODE 1
<!DOCTYPE html>
<html>
<head>
<!--
COMP125 Test Template
Section 402, 403
-->
<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" />
</head>
<body>
<header>
<h1>
COMP125
</h1>
</header>
<article>
<h1>Payment Form</h1>
<form id="billShip" name="billShip" method="get">
13. table {
margin-left: 30px;
border-collapse: collapse;
width 48%;
float: left;
margin-right: 1%;
}
table td {
border: 1px solid rgb(150,150,150);
padding: 5px;
}
table tr td:first-of-type {
background-color: #E3E09B;
}
AGAIN PLEASE USE THE FOLLOWING CODE AND PRODUCE A JAVASCRIPT
FILE
1. Create a new script file and link it to the provided test.html. Ensure that you use "defer"
attribute when linking the file. The script file MUST have the following name: mt-
XXXXXXXXX.js, where XXXXXXXXX is your student number. 2. Add placeholder text for
fields: - Cardholder Name, Credit Card Number, CVC 3. Validate that mandatory fields are filled
out/selected when the Submit button is clicked. This validation must be implemented as
one/many functions in the script file and should be invoked when the button is clicked. Use
setCustomValidity() method for validation. Mandatory fields: Cardholder Name, Credit Card
Number, Expiration Date, CVC 4. Implement checkbox "Same As Payment Info" - selecting this
checkbox will copy all fields values from Payment Information to the Payment Info Copy
section: Fields: Cardholder Name, Credit Card Number, Expiration Date, CVC 5. Enhance
validation of CVC field: - it must must be 3 digits number only (e.g. "111", "023", "000", but not
"12", "abc", "a12") - use regex for this type of validation inside script file (not inside html file) 6.
When Submit button is clicked and all validation passed, new page should open with message:
"Thank you! Implemented by: <YOUR NAME>, <YOUR STUDENT NUMBER>" e.g. "Thank
you! Implemented by: Peter Doe, 123456789 Zip files of the assignment and name your archive
14. T1-FirstLast.zip (where First is your First name, and Last is your last name, e.g. T1-
JohnDoe.zip). Submit to assignment drop box at e.centennial. Name* Name* Credit Card
Number* Expiration Date* Fill out mandatory fields and click submit!