Product Description
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Product Configurator</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="configurator">
<h1>Product Configurator</h1>
<form id="configForm">
<label for="color">Choose a color:</label>
<select id="color" name="color">
<option value="red">Red</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
</select>
<label for="size">Choose a size:</label>
<select id="size" name="size">
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
</select>
<label for="extras">Add extras:</label>
<input type="checkbox" id="extras1" name="extras" value="extra1"> Extra 1<br>
<input type="checkbox" id="extras2" name="extras" value="extra2"> Extra 2<br>
<input type="checkbox" id="extras3" name="extras" value="extra3"> Extra 3<br>
<button type="button" onclick="showConfig()">Show Configuration</button>
</form>
<div id="result"></div>
</div>
<script src="script.js"></script>
</body>
</html>
