Edit the code to add a form on the page to take 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: Document
Edit the code to add a form on the page to take 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:
<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>
<div id="price"></div>
<script>
let Total_price = 0.0;
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;
let p = element.price.split("$");
Total_price = Total_price + parseFloat(p[1]);
});
document.getElementById("price").innerHTML = "<h1>Total Price = $" + Total_price + "</h1>";
</script>
</body>
</html>
Step by step
Solved in 2 steps with 1 images
