Samsung | KCB | BrandCart Loan Application Form
<!DOCTYPE html>
<html>
<head>
<title>Product Information</title>
<script>
function fetchProductInfo() {
// Fetching the product information
var productName = document.querySelector('.product-name span').innerText;
var sku = document.querySelector('.product-sku span').innerText;
// Assigning the fetched information to form fields
document.getElementById('productName').value = productName;
document.getElementById('sku').value = sku;
}
</script>
</head>
<body>
<!-- The product page content -->
<h1 class="product-name">Product Name: <span>Sample Product</span></h1>
<h2 class="product-sku">SKU: <span>12345</span></h2>
<h3 class="price">Price: $99.99</h3>
<!-- Form to capture the fetched information -->
<form onsubmit="return false;">
<label for="productName">Product Name:</label>
<input type="text" id="productName" name="productName" readonly><br>
<label for="sku">SKU:</label>
<input type="text" id="sku" name="sku" readonly><br>
<!-- Include other form fields for customer information -->
<label for="customerName">Customer Name:</label>
<input type="text" id="customerName" name="customerName"><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<input type="submit" value="Buy Now">
</form>
<!-- Button to trigger the fetchProductInfo function and populate the form -->
<button type="button" onclick="fetchProductInfo()">Fetch Product Info</button>
<!-- Your other HTML content goes here -->
</body>
</html>