Question

Auto is a small online auto sales company that sells limited models of two auto makers- Honda and Toyota. Each car has a fixed base price and a different profit margin depending on the color choice. There is also a fixed sales tax for all sales. Once a car and a color is selected, the customer is responded with the total price of the car. The total price includes the base price, profit margin, and the sales tax as shown in the table. The sales tax is calculated on the: net price = base price + profit amount.

Develop an HTML page that will contain a drop-down list for the car names and two radio buttons for the two colors mentioned below. Upon selecting a car and a color, and the pressing a “submit” button, the user should be responded with a message (on a label or text box) containing the name of the car, the color and the total price.

Car	Color	Base Price	Profit	Tax
Accord	Red	21000	10.5%	8.5%
Accord	Black	21000	10%	8.5%
Camry	Red	20000	9.5%	8.5%
Camry	Black	20000	9%	8.5%

Answer 1

I'm providing partially solution here ,

<script>   

var car_model
function car_click(myVar){

var car = document.getElementById('carmodel').value;
car_model = car ;
console.log(car_model)
  
}

function color_click(myVar){

var car_col = document.getElementById('carmodel').value;
car_color = car_col ;
console.log(car_color)
  
}

</script>
<select name="Select car model" id="carmodel">
<option value="Accord">Accord</option>
<option value="Camry">Camry</option>
</select>

<div id="touch" onclick="car_click();"> Select CarModel </div>

</script>
<select name="Select car color" id="carcolor">
<option value="Accord">Red</option>
<option value="Camry">Black</option>
</select>

<div id="touch" onclick="color_click();"> Select CarColor </div>

Due to drying out in laptop , power issue , I'm not able to give complete answer .

Please provide the comment , so I'll provide complete answer once power back