Все остальное отображается правильно, я просто не могу получить новую сумму для заполнения, как только будет введен еще один код. Они просто отображаются бок о бок. Мне нужно только выяснить, как заставить его взять код, указанный в моем раскрывающемся списке, а затем объединить его с любыми новыми параметрами, которые я могу выбрать.Как суммировать 2 значения в javascript
<script>
function ChangeImage() {
document.getElementById("imgSweater").src = document.getElementById("selImage").value;
}
function myCart() {
var sweater = document.getElementById("selImage").value;
var quantity = document.getElementById("txtQty").value;
var tall = document.getElementById("chkTall").checked;
var Total;
var type;
var price;
switch (sweater) {
case "Cardigan":
price = parseInt(69.00 * quantity);
break;
case "Crew":
price = parseInt(29.50 * quantity);
break;
case "Zip-Front":
price = parseInt(39.50 * quantity);
break;
case "V-Neck":
price = parseInt(59.00 * quantity);
break;
default:
alert("Error");
}
if (tall) {
price += 5;
}
if (Total) {
divTotal > 0 + divCart;
}
document.getElementById("divCart").innerHTML += quantity + " </nbsp> " + sweater + " " + "@" + " " + price + "<br />";
document.getElementById("divTotal").innerHTML += quantity * parseFloat(price);
if (divTotal > 0) {
document.getElementById("divTotal").innerHTML + document.getElementById("divCart") + price + Total;
}
}
function myClear() {
document.getElementById("divTotal").innerHTML = "";
document.getElementById("divCart").innerHTML = "";
document.getElementById("txtQty").value = "";
}
</script>
</head>
<body>
<h1>LL Bean Sweaters</h1>
<table class="auto-style1">
<tr>
<td style="border-style: solid; border-width: thin">
<select id="selImage" onchange="return ChangeImage()">
<option value="Cardigan">Cardigan</option>
<option value="Crew">Crew</option>
<option value="Zip-Front">Zip-Front</option>
<option value="V-Neck">V-Neck</option>
</select></td>
<td style="border-style: solid; border-width: thin" rowspan="4">
<img id="imgSweater" alt="" src="Cardigan.jpg" height="300px" /></td></tr>
<tr>
<td style="border-style: solid; border-width: thin">Quantity:
<input id="txtQty" type="text" /></td>
</tr>
<tr>
<td style="border-style: solid; border-width: thin">
<input id="chkTall" type="checkbox" /> <label for="chkTall">Tall</label></td>
</tr>
<tr>
<td style="border-style: solid; border-width: thin">
<input id="btnCart" type="button" value="Add to Cart" onclick="return myCart()" /></td>
</tr>
<tr>
<td style="border-style: solid; border-width: thin" colspan="2">
<div id="divCart">$</div>
</td>
</tr>
<tr>
<td style="border-style: solid; border-width: thin">Total:</td>
<td style="border-style: solid; border-width: thin">
<div id="divTotal">$ </div>
</td>
</tr>
<tr>
<td style="border-style: solid; border-width: thin"> </td>
<td style="border-style: solid; border-width: thin">
<input id="btnClear" type="button" value="Clear" onclick="return myClear()" /></td>
</tr>
</table>
</body>
</html>
Это было мне хватаясь за соломинку несколько минут назад, я не был уверен, что делать в этой точке. Даже с изменением, я все еще получаю тот же результат – AWOL
обновленный divTotal – allvideolectures