Add a form on the checkout.html page that takes your name, email, phone number, and a credit card number. Use a regular expression to validate the email, phone number, and credit card. Existing code: checkout.html Document
Add a form on the checkout.html page that takes your name, email, phone number, and a credit card number. Use a regular expression to validate the email, phone number, and credit card.
Existing code:
checkout.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
img {
width: 80px;
height: auto;
}
</style>
</head>
<body>
<div id="productsFromCart">
</div>
<script>
let items = localStorage.getItem("myItems") ? JSON.parse(localStorage.getItem("myItems")) : [];
items.forEach((element,index) => {
let products = "";
products += "<div id='product" + element.id + "' class='card'>";
products += "<img src='" + element.image + "' />";
products += "<h1>" + element.name + "</h1>";
products += "<p class='price'>" + element.price + "</p>";
products += "<p>" + element.category + "</h1>";
document.getElementById("productsFromCart").innerHTML += products;
});
</script>
</body>
</html>
Step by step
Solved in 2 steps with 14 images
