Calculate sum of two different HTML elements and show in third div : I have two different HTML elements and i want to calculate the sum and display the value in third div.

I have a select box with 3 option values and a div with fixed value. I want the sum to be calculated based on the option selected in dropdown.

Here is the code below:

    <select>
    <option value ="1100"> $1100 </option>
    <option value ="1200"> $1200 </option>
    <option value ="1300"> $1300 </option>
    </select>
    
    <div id="shipping">$4.99</div>
    
    <div id ="total"></div>

I need to show the total amount in `"total"` div and change as the option change in dropdown.

First the default sum will be with the first value + $4.99.