0% found this document useful (0 votes)

5 views32 pages

First Page 1

The document outlines a web designing workshop project for an online bookstore, detailing the creation of various static web pages including a homepage, login page, catalogue page, cart page, and registration page. Each section includes HTML code and design specifications, such as layout, styles, and functionalities like JavaScript validation for user input. The project is submitted by a B.Tech student to a faculty member for the academic session 2024-2025.

Uploaded by

pragatidwivedi174

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

5 views32 pages

First Page 1

Uploaded by

pragatidwivedi174

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 32

UNITED COLLEGE OF ENGINEERING & RESEARCH

GREATER NOIDA

Department of Computer Science & Eng.

CODE: BCS-353

WEB DESIGNING WORKSHOP

SUBMITTED BY – Ayush srivastava

ROLL NO: 2301930100029
B. TECH. CSE 3RD SEM.

SUBMITTED TO: MS. VANDANA RAJPUT

Session:2024-2025
INDEX

S. No Title Date Signature

1. Static home page

2. Login Page

3. Catalogue Page

4. Cart Page

5. Registration Page

6. Js validation 1. Name,
2.Password
7. Js Validation 1. Email
2. Phone Number
8. Design web page using CSS
Q1) Design a static webpages required for an online book store website.
HOMEPAGE: The static home page must contain three frames.
Top frame: Logo and the college name and links to Homepage, Login page, Registration
page, Catalogue page and Cart page .

CODE:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Static Web Page</title>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
th {
background-color: # cbe424;
}
.left-column {
text-align: left;
}
.login-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.login-container input {
margin: 5px;
padding: 8px;
}
</style>
</head>
<body>
<table>
<tr>
<th rowspan="2"><img src="united-college-logo.png" alt="Logo"
width="50"></th>
<th colspan="5">United college of engineering and research</th>
</tr>
<tr>
<th>Home</th>
<th>Login</th>
<th>Registration</th>
<th>Catalogue</th>
<th>Cart</th>
</tr>
<tr>
<td class="left-column">CSE</td>
<td rowspan="4" colspan="5">
<div class="login-container">
<h2>Login</h2>
<input type="text" placeholder="Username">
<input type="password" placeholder="Password">
<button>Login</button>
</div>
</td>
</tr>
<tr>
<td class="left-column">ECE</td>
</tr>
<tr>
<td class="left-column">EEE</td>
</tr>
<tr>
<td class="left-column">CIVIL</td>
</tr>
</table>
</body>
</html>
Q3) Catalogue Page : The catalogue page should contain the details of all the books
available in the website in a table.
The details should contain the following:
1.Snap shot of Cover Page
2.Author Name
3. Publisher
4. Price
5. Add to cart button

CODE:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Book Store</title>
<style>
body {
font-family: Arial, sans-serif;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: left;
}
th {
background-color: #f4a460;
}
.sidebar {
width: 20%;
float: left;
background: #f0f0f0;
padding: 10px;
}
.content {
width: 75%;
float: right;
padding: 20px;
}
.book img {
width: 100px;
height: auto;
}
.add-cart {
background-color: #ffa500;
border: none;
padding: 5px 10px;
cursor: pointer;
}
</style>
</head>
<body>
<table>
<tr>
<th>Logo</th>
<th colspan="4">United College of engineering</th>
</tr>
<tr>
<td rowspan="5">

</td>
<td>Home</td>
<td>Login</td>
<td>Registration</td>
<td>Catalogue</td>
<td>Cart</td>
</tr>
<tr>
<td><img src="Screenshot 2025-01-29 152510.png" alt="XML
Bible"></td>
<td colspan="2">Book: Hc verma<br>Author: Hc
verma<br>Publication: Concise</td>
<td>Rs360</td>
<td><button class="add-cart">Add to Cart</button></td>
</tr>
<tr>
<td><img src="Screenshot 2025-01-29 152820.png" alt="AI"></td>
<td colspan="2">Book: Irodov<br>Author: Irodov<br>Publication: Mir
publisher mosco</td>
<td>Rs 500</td>
<td><button class="add-cart">Add to Cart</button></td>
</tr>
<tr>
<td><img src="Screenshot 2025-01-29 153044.png" alt="Java 2"></td>
<td colspan="2">Book: Rich dad Poor dad 2<br>Author: Robort
kiyosaki<br>Publication: Penguin</td>
<td>Rs 350</td>
<td><button class="add-cart">Add to Cart</button></td>
</tr>
<tr>
<td><img src="Screenshot 2025-01-29 153306.png" alt="HTML in 24
Hours"></td>
<td colspan="2">Book: How to win and influence people<br>Author:
dale carnegie<br>Publication: Simson</td>
<td>Rs 480</td>
<td><button class="add-cart">Add to Cart</button></td>
</tr>
</table>
</body>
</html>
4) CARTPAGE: The cart page contains the details about the books which are added to
the cart.

CODE:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Book Store</title>
<style>
body {
font-family: Arial, sans-serif;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: left;
}
th {
background-color: #f4a460;
}
.book img {
width: 100px;
height: auto;
}
.add-cart {
background-color: #ffa500;
border: none;
padding: 5px 10px;
cursor: pointer;
}
#cart-items {
margin-top: 20px;
padding: 10px;
border: 1px solid black;
background-color: #f0f0f0;
display: none;
}
</style>
</head>
<body>

<table>
<tr>
<th>Logo</th>
<th colspan="4">United College of Engineering</th>
</tr>
<tr>
<td rowspan="5"></td>
<td>Home</td>
<td>Login</td>
<td>Registration</td>
<td>Catalogue</td>
<td>Cart</td>
</tr>
<tr>
<td><img src="Screenshot 2025-01-29 152510.png" alt="XML Bible"></td>
<td colspan="2">Book: Hc Verma<br>Author: Hc Verma<br>Publication:
Concise</td>
<td>Rs360</td>
<td><button class="add-cart" onclick="addToCart('Hc Verma', 360)">Add to
Cart</button></td>
</tr>
<tr>
<td><img src="Screenshot 2025-01-29 152820.png" alt="AI"></td>
<td colspan="2">Book: Irodov<br>Author: Irodov<br>Publication: Mir Publisher
Moscow</td>
<td>Rs500</td>
<td><button class="add-cart" onclick="addToCart('Irodov', 500)">Add to
Cart</button></td>
</tr>
<tr>
<td><img src="Screenshot 2025-01-29 153044.png" alt="Java 2"></td>
<td colspan="2">Book: Rich Dad Poor Dad 2<br>Author: Robert
Kiyosaki<br>Publication: Penguin</td>
<td>Rs350</td>
<td><button class="add-cart" onclick="addToCart('Rich Dad Poor Dad 2',
350)">Add to Cart</button></td>
</tr>
<tr>
<td><img src="Screenshot 2025-01-29 153306.png" alt="HTML in 24 Hours"></td>
<td colspan="2">Book: How to Win Friends and Influence People<br>Author: Dale
Carnegie<br>Publication: Simson</td>
<td>Rs480</td>
<td><button class="add-cart" onclick="addToCart('How to Win Friends and
Influence People', 480)">Add to Cart</button></td>
</tr>
</table>

<button onclick="showCart()">Show Cart</button>

<div id="cart-items">
<h3>Cart Items</h3>
<ul id="cart-list"></ul>
</div>

function addToCart(book, price) {

cart.push({ book, price });
alert(book + " added to cart!");
}

function showCart() {
let cartDiv = document.getElementById("cart-items");
let cartList = document.getElementById("cart-list");
cartList.innerHTML = "";

if (cart.length === 0) {
cartList.innerHTML = "<li>No items in cart</li>";
} else {
cart.forEach(item => {
let li = document.createElement("li");
li.textContent = item.book + " - Rs" + item.price;
cartList.appendChild(li);
});
}

cartDiv.style.display = "block";
}
</script>

</body>
</html>
5)REGISTRATION PAGE :
Create a“ registration form“ with the following fields
1)Name (Text field)
2)Password (password field)
3) E-mailid(text field)
4) Phone Number(text field)
5) Sex(radio button)
6) Date of birth(3 select boxes)
7) Languages known(checkboxes–English, Telugu, Hindi, Tamil)
8) Address(text area)

CODE:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.fullPage{
padding: 40px;
margin: 50px;
text-align:left;
height: 700px;
width: 500px;
background-color: #25bbe0;
}
.name{
margin: 10px ;
}
.pass{

margin: 10px;
}
.mail{
margin: 10px;
}
.contact{
margin: 10px;
}
.sex{
margin: 10px;
}
.birth{
margin: 10px;
}
.lang{
margin: 10px;
}
.address{
margin: 10px;}
</style>

</head>
<body>
<div class="fullPage"><form action=""> <div class="name"><label
for="name">
Name:       </label>
<input type="text" name="" id="name" placeholder="Enter your
name:"></div>
<div class="pass"><label for="pass">Password: </label>
<input type="password" name="" id="pass" placeholder="password"></div>
<div class="mail"><label
for="mail">mail:        &n
bsp;</label>
<input type="email" name="" id="mail" placeholder="Enter your
email:"></div>

<div class="contact"><label
for="contact">contact:     </label>
<input type="number" name="" id="contact" placeholder="Enter your contact
number:"></div>
<div class="sex"><label for="sex">Sex:
         </label>
<label for="male">male</label>
<input type="radio" id="male">
<label for="female">female</label>
<input type="radio" name="" id="female"></div>
<div class="birth"><label
for="birth">D.O.B:      </label>
<input type="date" name="" id="birth"></div>
<div class="lang">
<div class="lanHead"><p>Select your language:</p></div>
<label for="hindi">      
          &nbsp
;
 Hindi</label>
<input type="checkbox" id="hindi">
<label for="eng">English</label>
<input type="checkbox" id="eng">
<label for="tamil">Tamil</label>
<input type="checkbox" id="tamil">
<label for="urdu">Urdu</label>
<input type="checkbox" id="urdu">
</div>
<div class="address"><label for="add">Address:   </label>
<input type="'text'" name="" id="add" placeholder="Enter your
address:"></div>
</form>
</div>
</body>
</html>
6) Js VALIDATION: Write JavaScript to validate the following fields of the above
registration page.
1. Name (Name should contains alphabets and the length should not be less than 6
characters).
2. Password (Password should not be less than 6 characters length).

CODE:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration Form</title>
<style>
.fullPage {
padding: 40px;
margin: 50px;
text-align: left;
height: 700px;
width: 500px;
background-color: #25bbe0;
}
.fullPage div {
margin: 10px;
}
</style>
</head>
<body>

<div class="pass">
<label for="pass">Password: </label>
<input type="password" id="pass" placeholder="password">
</div>
<div class="mail">
<label
for="mail">Mail:         </label>
<input type="email" id="mail" placeholder="Enter your email:">
</div>

<div class="contact">
<label for="contact">Contact:     </label>
<input type="number" id="contact" placeholder="Enter your contact number:">
</div>

<div class="sex">
<label for="sex">Sex:
         </label>
<label for="male">Male</label>
<input type="radio" id="male" name="gender">
<label for="female">Female</label>
<input type="radio" id="female" name="gender">
</div>

<div class="lang">
<p>Select your language:</p>
<label for="hindi">Hindi</label>
<input type="checkbox" id="hindi">
<label for="eng">English</label>
<input type="checkbox" id="eng">
<label for="tamil">Tamil</label>
<input type="checkbox" id="tamil">
<label for="urdu">Urdu</label>
<input type="checkbox" id="urdu">
</div>

<div class="address">
<label for="add">Address:   </label>
<input type="text" id="add" placeholder="Enter your address:">
</div>

<div>
<button type="submit">Submit</button>
</div>
</form>
</div>

let name = document.getElementById("name").value.trim();

let password = document.getElementById("pass").value.trim();
let nameRegex = /^[A-Za-z\s]{6,}$/; // Only alphabets, at least 6 characters

if (!nameRegex.test(name)) {
alert("Name should contain only alphabets and be at least 6 characters long.");
return false;
}

if (password.length < 6) {
alert("Password must be at least 6 characters long.");
return false;
}

alert("Form submitted successfully!");

return true;
});
</script>

</body>
</html>
7) Js VALIDATION:
1. E-mailid (should not contain any invalid and must follow the standard
pattern([email protected])
2. Phone Number(Phone number should contain 10 digits only).

CODE:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration Form</title>
<style>
.fullPage {
padding: 40px;
margin: 50px;
text-align: left;
height: auto;
width: 500px;
background-color: #25bbe0;
}
.fullPage div {
margin: 10px;
}
</style>
</head>
<body>

<div class="pass">
<label for="pass">Password: </label>
<input type="password" id="pass" placeholder="password">
</div>

<div class="contact">
<label for="contact">Contact:     </label>
<input type="number" id="contact" placeholder="Enter your contact number:">
</div>

<div class="address">
<label for="add">Address:   </label>
<input type="text" id="add" placeholder="Enter your address:">
</div>

<div>
<button type="submit">Submit</button>
</div>
</form>
</div>
<script>
document.getElementById("registrationForm").addEventListener("submit",
function(event) {
event.preventDefault(); // Prevent form submission

let email = document.getElementById("mail").value.trim();

let contact = document.getElementById("contact").value.trim();

let emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; // Valid email

pattern
let phoneRegex = /^[0-9]{10}$/; // 10-digit phone number

if (!emailRegex.test(email)) {
alert("Please enter a valid email address.");
return false;
}

if (!phoneRegex.test(contact)) {
alert("Please enter a valid 10-digit phone number.");
return false;
}

alert("Form submitted successfully!");

return true;
});
</script>

</body>
</html>
RAM SINGH
8) CSS:
Design a web page using CSS(Cascading Style Sheets) which includes the following:
1) Use different font, styles: In the style definition you define how each selector should
work(font, color etc.). Then, in the body of your pages, you refer to these selectors to activate
the styles.
2) Set a background image for both the page and single elements on the page.

CODE:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Book Store</title>
<style>
body {
font-family: Arial, sans-serif;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: left;
}
th {
background-color: #f4a460;
}
.book img {
width: 100px;
height: auto;
}
.add-cart {
background-color: #ffa500;
border: none;
padding: 5px 10px;
cursor: pointer;
}
#cart-items {
margin-top: 20px;
padding: 10px;
border: 1px solid black;
background-color: #f0f0f0;
display: none;
}
</style>
</head>
<body>

<button onclick="showCart()">Show Cart</button>

<div id="cart-items">
<h3>Cart Items</h3>
<ul id="cart-list"></ul>
</div>

function addToCart(book, price) {

cart.push({ book, price });
alert(book + " added to cart!");
}

function showCart() {
let cartDiv = document.getElementById("cart-items");
let cartList = document.getElementById("cart-list");
cartList.innerHTML = "";

cartDiv.style.display = "block";
}
</script>

</body>
</html>

Project
No ratings yet
Project
19 pages
AryanWeb File
No ratings yet
AryanWeb File
24 pages
Document
No ratings yet
Document
23 pages
Web D Experiment 1-10
No ratings yet
Web D Experiment 1-10
45 pages
Mehakwdfile
No ratings yet
Mehakwdfile
79 pages
NODE JS Lab Manual 23-24
No ratings yet
NODE JS Lab Manual 23-24
65 pages
Web Tech Assignment 1 Sem 2-1
No ratings yet
Web Tech Assignment 1 Sem 2-1
10 pages
HTML Program
No ratings yet
HTML Program
26 pages
Web Workshop File
No ratings yet
Web Workshop File
52 pages
Gurvinder Kaur
No ratings yet
Gurvinder Kaur
44 pages
Web Developement File Newwww
No ratings yet
Web Developement File Newwww
45 pages
Book Store Cart Page Design
No ratings yet
Book Store Cart Page Design
12 pages
Experimentno.:-1: Object
No ratings yet
Experimentno.:-1: Object
8 pages
Final
No ratings yet
Final
13 pages
Report 2
No ratings yet
Report 2
55 pages
Finnal Webdfile
No ratings yet
Finnal Webdfile
42 pages
Web Technology Lab Assignment 1
No ratings yet
Web Technology Lab Assignment 1
14 pages
WT - Practical QUESTIONS PUNEET
No ratings yet
WT - Practical QUESTIONS PUNEET
15 pages
Final Assignment No-1
No ratings yet
Final Assignment No-1
13 pages
Index
No ratings yet
Index
1 page
Web Tech Aman Sinha
No ratings yet
Web Tech Aman Sinha
34 pages
WT Practical File Harshita Gupta COMPLETE
No ratings yet
WT Practical File Harshita Gupta COMPLETE
84 pages
Htmlcss 1
No ratings yet
Htmlcss 1
11 pages
CC8 ASSIGNMENT - Merged
No ratings yet
CC8 ASSIGNMENT - Merged
51 pages
Web Technology Lab Manual
No ratings yet
Web Technology Lab Manual
28 pages
1.advanced Web Designing
No ratings yet
1.advanced Web Designing
27 pages
Saanp File
No ratings yet
Saanp File
37 pages
BCA Semester WT PRACTICAL FILE
No ratings yet
BCA Semester WT PRACTICAL FILE
37 pages
Webdesfile
No ratings yet
Webdesfile
17 pages
WD LAb MAnual Final
No ratings yet
WD LAb MAnual Final
38 pages
HTML Lab Manual
No ratings yet
HTML Lab Manual
14 pages
Web Technoloye
No ratings yet
Web Technoloye
46 pages
Weblabdj
No ratings yet
Weblabdj
16 pages
HTML
No ratings yet
HTML
28 pages
All 1 To 5
No ratings yet
All 1 To 5
40 pages
Definition
No ratings yet
Definition
23 pages
Experiment No.2: Title
No ratings yet
Experiment No.2: Title
5 pages
HTML-CSS Practical File 1
No ratings yet
HTML-CSS Practical File 1
42 pages
Web T Lab File
No ratings yet
Web T Lab File
38 pages
Web Technologies Practical
No ratings yet
Web Technologies Practical
81 pages
All Exp
No ratings yet
All Exp
29 pages
WD File 18306
No ratings yet
WD File 18306
27 pages
Web Technology Lab
No ratings yet
Web Technology Lab
40 pages
It Lab Manual
No ratings yet
It Lab Manual
31 pages
HTML Record
No ratings yet
HTML Record
25 pages
Assignment 1
No ratings yet
Assignment 1
24 pages
The Devil, Dark Angels and Demons
100% (4)
The Devil, Dark Angels and Demons
64 pages
Web Designing File
No ratings yet
Web Designing File
50 pages
Untitled Document
No ratings yet
Untitled Document
38 pages
Aec - English Proficiency and Life Skills - I - Level 5
No ratings yet
Aec - English Proficiency and Life Skills - I - Level 5
3 pages
Web File
No ratings yet
Web File
34 pages
List of Programmes For IWT Lab
No ratings yet
List of Programmes For IWT Lab
20 pages
Rubric For Reporting and Reflection in Readings in Philippine History
No ratings yet
Rubric For Reporting and Reflection in Readings in Philippine History
7 pages
Term 3 B2 Creative Arts
No ratings yet
Term 3 B2 Creative Arts
3 pages
Private Schools SPLD Vacation - Greater Accra
No ratings yet
Private Schools SPLD Vacation - Greater Accra
2 pages
23hcs4142 Rohan Singh
No ratings yet
23hcs4142 Rohan Singh
27 pages
Web Tech File
No ratings yet
Web Tech File
19 pages
FSD Soft
No ratings yet
FSD Soft
9 pages
Experiment No 1
No ratings yet
Experiment No 1
30 pages
HTML CSS JavaScript Resume Design
No ratings yet
HTML CSS JavaScript Resume Design
20 pages
XSL Tutorial
No ratings yet
XSL Tutorial
52 pages
MICHAEL BYRAM Ed Routledge Encyclopedia
No ratings yet
MICHAEL BYRAM Ed Routledge Encyclopedia
4 pages
Dsa Anurag
No ratings yet
Dsa Anurag
60 pages
Srikant H
No ratings yet
Srikant H
5 pages
HTML Assignment
No ratings yet
HTML Assignment
27 pages
қмж Excel-8, 4-тоқс
No ratings yet
қмж Excel-8, 4-тоқс
48 pages
Q&A Types of Ambiguity
No ratings yet
Q&A Types of Ambiguity
12 pages
Full Stack File
No ratings yet
Full Stack File
36 pages
Key Extra Activities Unit 0
No ratings yet
Key Extra Activities Unit 0
3 pages
Step by Step Serbian 1
No ratings yet
Step by Step Serbian 1
294 pages
Turkish Class Student Survey
No ratings yet
Turkish Class Student Survey
4 pages
Lit 101 Module 4 2024
No ratings yet
Lit 101 Module 4 2024
8 pages
I. Encircle The Letter of The Correct Answer
No ratings yet
I. Encircle The Letter of The Correct Answer
10 pages
NSSC Oshindonga Exam 2012
No ratings yet
NSSC Oshindonga Exam 2012
14 pages
MCA Sem-2 OOCP, April-2012 - List of The Questions To Be Prepared For Final GTU Exam
No ratings yet
MCA Sem-2 OOCP, April-2012 - List of The Questions To Be Prepared For Final GTU Exam
7 pages
History of English II Task 1 With Answers
No ratings yet
History of English II Task 1 With Answers
2 pages
15 Effective Vocabulary Strategies
No ratings yet
15 Effective Vocabulary Strategies
17 pages
The University of Chicago Press
No ratings yet
The University of Chicago Press
24 pages
93 Unit 8 Test
No ratings yet
93 Unit 8 Test
4 pages
Svetlana Slapsak How To Read Cabbage Structuralism Semiotics Historical Anthropology English Bozidar Slapsak
No ratings yet
Svetlana Slapsak How To Read Cabbage Structuralism Semiotics Historical Anthropology English Bozidar Slapsak
14 pages
Unit 3: Cohesion and Coherence
No ratings yet
Unit 3: Cohesion and Coherence
8 pages
Correcting Comma Splices: Five Methods
No ratings yet
Correcting Comma Splices: Five Methods
5 pages
LINKERS Writing Unit 3
No ratings yet
LINKERS Writing Unit 3
5 pages
Micro Test Crucial Words Page 223 - 224
No ratings yet
Micro Test Crucial Words Page 223 - 224
2 pages
AJWT LAB MANUAL FOR 3-2 Students of IT & CSE
No ratings yet
AJWT LAB MANUAL FOR 3-2 Students of IT & CSE
58 pages
Andrew F. Santos: Curriculum Vitae
No ratings yet
Andrew F. Santos: Curriculum Vitae
4 pages
Daily Lesson LOG: Grade 8 Angie R. Martinez English III
No ratings yet
Daily Lesson LOG: Grade 8 Angie R. Martinez English III
2 pages
SEMTECH2011E - NIEM Ontologies and Vocabularies - TopQuadrant
No ratings yet
SEMTECH2011E - NIEM Ontologies and Vocabularies - TopQuadrant
65 pages
Adjective&adverb
No ratings yet
Adjective&adverb
25 pages

First Page 1

Uploaded by

First Page 1

Uploaded by

UNITED COLLEGE OF ENGINEERING & RESEARCH

Department of Computer Science & Eng.

WEB DESIGNING WORKSHOP

SUBMITTED BY – Ayush srivastava

SUBMITTED TO: MS. VANDANA RAJPUT

S. No Title Date Signature

<button onclick="showCart()">Show Cart</button>

function addToCart(book, price) {

let name = document.getElementById("name").value.trim();

alert("Form submitted successfully!");

let email = document.getElementById("mail").value.trim();

let emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; // Valid email

alert("Form submitted successfully!");

<button onclick="showCart()">Show Cart</button>

function addToCart(book, price) {

You might also like