为什么这个功能不起作用？ （BASIC JAVASCRIPT） [英] Why is this function not working? (BASIC JAVASCRIPT)
本文介绍了为什么这个功能不起作用？ （BASIC JAVASCRIPT）的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个计算器来获得一家衬衫设计公司的订单总额。我遇到的问题是JQuery以及它为什么不能为我显示价值。
我需要这个固定的ASAP（就像10天前，现在）
这是我的代码：
I have a calculator to get the order total for a shirt design company. The issue I have is with JQuery and why it won't get and display the value for me.
I need this fixed ASAP (like 10 days ago, NOW)
Here's my code:
<html>
<head>
<title></title>
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<style>
#wrapper {
width: 900px;
margin-left:auto;
margin-right:auto;
min-height: 600px;
height: auto;
}
header {
}
nav {
}
#left {
float: left;
width: 200px;
min-height: 600px;
height: auto;
}
#content {
}
#preview {
width: 350px;
height: 600px;
float: left;
background: url('shirt.jpg') no-repeat;
background-size: 350px 200px;
}
#input {
width: 350px;
height: 600px;
float: left;
background: #f1f1f1;
}
ul {
list-style-type: none;
}
ul li {
margin-top: 10px;
}
</style>
<script type="text/javascript">
function calc() {
var numberOfShirts = $("#"+'numberOfShirts' ).val();
var numberOfColorsFront = $("#"+'numberOfColorsFront').val();
var numberOfColorsBack = $("#"+'numberOfColorsBack' ).val();
var pricePerColor = 0.00;
var fee = 0.00;
var Total = 0.00;
if(numberOfShirts >= 1 && numberOfShirts <= 35) {//1-35
if(numberOfColorsFront == 1) {
fee += 25;
pricePerColor = 2.50;
}
else if(numberOfColorsFront == 2) {
fee += 45;
pricePerColor = 3.13;
}
else if(numberOfColorsFront == 3) {
fee += 65;
pricePerColor = 3.75;
}
else if(numberOfColorsFront == 4) {
fee += 85;
pricePerColor = 3.75;
}
else if(numberOfColorsFront == 5) {
fee += 105;
pricePerColor = 3.75;
}
else if(numberOfColorsFront == 6) {
fee += 125;
pricePerColor = 3.75;
}
if(numberOfColorsBack == 1) {
fee += 25;
pricePerColor = 2.50;
}
else if(numberOfColorsBack == 2) {
fee += 45;
pricePerColor = 3.13;
}
else if(numberOfColorsBack == 3) {
fee += 65;
pricePerColor = 3.75;
}
else if(numberOfColorsBack == 4) {
fee += 85;
pricePerColor = 3.75;
}
else if(numberOfColorsBack == 5) {
fee += 105;
pricePerColor = 3.75;
}
else if(numberOfColorsBack == 6) {
fee += 125;
pricePerColor = 3.75;
}
}
else if(numberOfShirts >= 36 && numberOfShirts <= 71) {//36-71
if(numberOfColorsFront == 1) {
fee += 25;
pricePerColor = 2.00;
}
else if(numberOfColorsFront == 2) {
fee += 45;
pricePerColor = 2.50;
}
else if(numberOfColorsFront == 3) {
fee += 65;
pricePerColor = 3.00;
}
else if(numberOfColorsFront == 4) {
fee += 85;
pricePerColor = 3.50;
}
else if(numberOfColorsFront == 5) {
fee += 105;
pricePerColor = 4.00;
}
else if(numberOfColorsFront == 6) {
fee += 125;
pricePerColor = 5.00;
}
if(numberOfColorsBack == 1) {
fee += 25;
pricePerColor = 2.00;
}
else if(numberOfColorsBack == 2) {
fee += 45;
pricePerColor = 2.50;
}
else if(numberOfColorsBack == 3) {
fee += 65;
pricePerColor = 3.00;
}
else if(numberOfColorsBack == 4) {
fee += 85;
pricePerColor = 3.50;
}
else if(numberOfColorsBack == 5) {
fee += 105;
pricePerColor = 4.00;
}
else if(numberOfColorsBack == 6) {
fee += 125;
pricePerColor = 5.00;
}
}
else if(numberOfShirts >= 72 && numberOfShirts <= 199) {//72-99
if(numberOfColorsFront == 1) {
fee += 25;
pricePerColor = 1.80;
}
else if(numberOfColorsFront == 2) {
fee += 45;
pricePerColor = 2.25;
}
else if(numberOfColorsFront == 3) {
fee += 65;
pricePerColor = 2.70;
}
else if(numberOfColorsFront == 4) {
fee += 85;
pricePerColor = 3.15;
}
else if(numberOfColorsFront == 5) {
fee += 105;
pricePerColor = 3.60;
}
else if(numberOfColorsFront == 6) {
fee += 125;
pricePerColor = 4.05;
}
if(numberOfColorsBack == 1) {
fee += 25;
pricePerColor = 1.80;
}
else if(numberOfColorsBack == 2) {
fee += 45;
pricePerColor = 2.25;
}
else if(numberOfColorsBack == 3) {
fee += 65;
pricePerColor = 2.70;
}
else if(numberOfColorsBack == 4) {
fee += 85;
pricePerColor = 3.15;
}
else if(numberOfColorsBack == 5) {
fee += 105;
pricePerColor = 3.60;
}
else if(numberOfColorsBack == 6) {
fee += 125;
pricePerColor = 4.05;
}
}
else if(numberOfShirts >= 100 && numberOfShirts <= 199) {//100-199
if(numberOfColorsFront == 1) {
fee += 25;
pricePerColor = 1.60;
}
else if(numberOfColorsFront == 2) {
fee += 45;
pricePerColor = 2.00;
}
else if(numberOfColorsFront == 3) {
fee += 65;
pricePerColor = 2.40;
}
else if(numberOfColorsFront == 4) {
fee += 85;
pricePerColor = 2.80;
}
else if(numberOfColorsFront == 5) {
fee += 105;
pricePerColor = 3.20;
}
else if(numberOfColorsFront == 6) {
fee += 125;
pricePerColor = 3.60;
}
if(numberOfColorsBack == 1) {
fee += 25;
pricePerColor = 1.60;
}
else if(numberOfColorsBack == 2) {
fee += 45;
pricePerColor = 2.00;
}
else if(numberOfColorsBack == 3) {
fee += 65;
pricePerColor = 2.40;
}
else if(numberOfColorsBack == 4) {
fee += 85;
pricePerColor = 2.80;
}
else if(numberOfColorsBack == 5) {
fee += 105;
pricePerColor = 3.20;
}
else if(numberOfColorsBack == 6) {
fee += 125;
pricePerColor = 3.60;
}
}
else if(numberOfShirts >= 200 && numberOfShirts <= 499) {//200-499
if(numberOfColorsFront == 1) {
fee += 25;
pricePerColor = 1.30;
}
else if(numberOfColorsFront == 2) {
fee += 45;
pricePerColor = 1.63;
}
else if(numberOfColorsFront == 3) {
fee += 65;
pricePerColor = 1.95;
}
else if(numberOfColorsFront == 4) {
fee += 85;
pricePerColor = 2.28;
}
else if(numberOfColorsFront == 5) {
fee += 105;
pricePerColor = 2.61;
}
else if(numberOfColorsFront == 6) {
fee += 125;
pricePerColor = 2.94;
}
if(numberOfColorsBack == 1) {
fee += 25;
pricePerColor = 1.30;
}
else if(numberOfColorsBack == 2) {
fee += 45;
pricePerColor = 1.63;
}
else if(numberOfColorsBack == 3) {
fee += 65;
pricePerColor = 1.95;
}
else if(numberOfColorsBack == 4) {
fee += 85;
pricePerColor = 2.28;
}
else if(numberOfColorsBack == 5) {
fee += 105;
pricePerColor = 2.61;
}
else if(numberOfColorsBack == 6) {
fee += 125;
pricePerColor = 2.94;
}
}
else if(numberOfShirts >= 500 && numberOfShirts <= 999) {//500-999
if(numberOfColorsFront == 1) {
fee += 25;
pricePerColor = 1.10;
}
else if(numberOfColorsFront == 2) {
fee += 45;
pricePerColor = 1.38;
}
else if(numberOfColorsFront == 3) {
fee += 65;
pricePerColor = 1.63;
}
else if(numberOfColorsFront == 4) {
fee += 85;
pricePerColor = 1.93;
}
else if(numberOfColorsFront == 5) {
fee += 105;
pricePerColor = 2.26;
}
else if(numberOfColorsFront == 6) {
fee += 125;
pricePerColor = 2.56;
}
if(numberOfColorsBack == 1) {
fee += 25;
pricePerColor = 1.10;
}
else if(numberOfColorsBack == 2) {
fee += 45;
pricePerColor = 1.38;
}
else if(numberOfColorsBack == 3) {
fee += 65;
pricePerColor = 1.63;
}
else if(numberOfColorsBack == 4) {
fee += 85;
pricePerColor = 1.93;
}
else if(numberOfColorsBack == 5) {
fee += 105;
pricePerColor = 2.26;
}
else if(numberOfColorsBack == 6) {
fee += 125;
pricePerColor = 2.56;
}
}
else if(numberOfShirts >= 1000) {//1000+
if(numberOfColorsFront == 1) {
fee += 25;
pricePerColor = 0.90;
}
else if(numberOfColorsFront == 2) {
fee += 45;
pricePerColor = 1.13;
}
else if(numberOfColorsFront == 3) {
fee += 65;
pricePerColor = 1.35;
}
else if(numberOfColorsFront == 4) {
fee += 85;
pricePerColor = 1.58;
}
else if(numberOfColorsFront == 5) {
fee += 105;
pricePerColor = 1.80;
}
else if(numberOfColorsFront == 6) {
fee += 125;
pricePerColor = 2.02;
}
if(numberOfColorsBack == 1) {
fee += 25;
pricePerColor = 0.90;
}
else if(numberOfColorsBack == 2) {
fee += 45;
pricePerColor = 1.13;
}
else if(numberOfColorsBack == 3) {
fee += 65;
pricePerColor = 1.35;
}
else if(numberOfColorsBack == 4) {
fee += 85;
pricePerColor = 1.58;
}
else if(numberOfColorsBack == 5) {
fee += 105;
pricePerColor = 1.80;
}
else if(numberOfColorsBack == 6) {
fee += 125;
pricePerColor = 2.02;
}
}
numberOfShirts * pricePerColor ;
Total = (numberOfShirts * pricePerColor) + fee;
Total += Total * .0825;
alert('Your Total (with tax): '+Total);
}
</script>
</head>
<body>
<div id="wrapper">
<header>
</header>
<nav>
</nav>
<div id="left">
</div>
<div id="content">
<div id="preview">
</div>
<div id="input">
<ul>
<li>
Choose A Product:
<select id="productChoice" name='Frontcolors'>
<option value="0">Gildan 2000</option>
</select>
</li>
<li>
Base Shirt Color:
<select id="productChoice" name='Frontcolors'>
<option value="0">White</option><!--$0 -->
<option>Black</option><!--$1.50 -->
<option>Royal</option><!--$1.50 -->
<option>Navy</option><!--$1.50 -->
<option>Sports Grey</option><!-- -->
<option>Red</option><!--$1.50 -->
<option>Kelley</option><!--$1.00 -->
<option>Orange</option><!--$1.00 -->
<option>Khaki</option><!--$1.00 -->
<option>Other Light</option><!--$1.00 -->
<option>Other Dark</option><!--$1.50 -->
</select>
</li>
<li>
Number of Colors on Front?:
<select id="numberOfColorsFront" name='numberOfColorsFront'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
</select>
</li>
<li>
Number of Colors on Back?:
<select id="numberOfColorsBack" name='numberOfColorsBack'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
</select>
</li>
<li>
<form>
Number of Shirts:
<input type="number" id="numberOfShirts" name="numberOfShirts" min="1" max="5000"/>
</form>
</li>
<li>
<input type="submit" value="Get A Quote" onclick="javascript:calc();"/>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>推荐答案
(\"#\"+'numberOfShirts' ).val();
\tvar numberOfColorsFront =
("#"+'numberOfShirts' ).val(); var numberOfColorsFront =
(\"#\"+'numberOfColorsFront').val();
\tvar numberOfColorsBack =
("#"+'numberOfColorsFront').val(); var numberOfColorsBack =
(\"#\"+'numberOfColorsBack' ).val();
\tvar pricePerColor = 0.00;
\tvar fee = 0.00;
\tvar Total\t\t = 0.00;
\tif(numberOfShirts >= 1 && numberOfShirts <= 35) {//1-35
\t\tif(numberOfColorsFront == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 2.50;
\t\t}
\t\telse if(numberOfColorsFront == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 3.13;
\t\t}
\t\telse if(numberOfColorsFront == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 3.75;
\t\t}
\t\telse if(numberOfColorsFront == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 3.75;
\t\t}
\t\telse if(numberOfColorsFront == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 3.75;
\t\t}
\t\telse if(numberOfColorsFront == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 3.75;
\t\t}
\t\tif(numberOfColorsBack == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 2.50;
\t\t}
\t\telse if(numberOfColorsBack == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 3.13;
\t\t}
\t\telse if(numberOfColorsBack == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 3.75;
\t\t}
\t\telse if(numberOfColorsBack == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 3.75;
\t\t}
\t\telse if(numberOfColorsBack == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 3.75;
\t\t}
\t\telse if(numberOfColorsBack == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 3.75;
\t\t}
\t}
\telse if(numberOfShirts >= 36 && numberOfShirts <= 71) {//36-71
\t\tif(numberOfColorsFront == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 2.00;
\t\t}
\t\telse if(numberOfColorsFront == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 2.50;
\t\t}
\t\telse if(numberOfColorsFront == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 3.00;
\t\t}
\t\telse if(numberOfColorsFront == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 3.50;
\t\t}
\t\telse if(numberOfColorsFront == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 4.00;
\t\t}
\t\telse if(numberOfColorsFront == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 5.00;
\t\t}
\t\tif(numberOfColorsBack == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 2.00;
\t\t}
\t\telse if(numberOfColorsBack == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 2.50;
\t\t}
\t\telse if(numberOfColorsBack == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 3.00;
\t\t}
\t\telse if(numberOfColorsBack == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 3.50;
\t\t}
\t\telse if(numberOfColorsBack == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 4.00;
\t\t}
\t\telse if(numberOfColorsBack == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 5.00;
\t\t}
\t}
\telse if(numberOfShirts >= 72 && numberOfShirts <= 199) {//72-99
\t\tif(numberOfColorsFront == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 1.80;
\t\t}
\t\telse if(numberOfColorsFront == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 2.25;
\t\t}
\t\telse if(numberOfColorsFront == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 2.70;
\t\t}
\t\telse if(numberOfColorsFront == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 3.15;
\t\t}
\t\telse if(numberOfColorsFront == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 3.60;
\t\t}
\t\telse if(numberOfColorsFront == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 4.05;
\t\t}
\t\tif(numberOfColorsBack == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 1.80;
\t\t}
\t\telse if(numberOfColorsBack == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 2.25;
\t\t}
\t\telse if(numberOfColorsBack == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 2.70;
\t\t}
\t\telse if(numberOfColorsBack == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 3.15;
\t\t}
\t\telse if(numberOfColorsBack == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 3.60;
\t\t}
\t\telse if(numberOfColorsBack == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 4.05;
\t\t}
\t}
\telse if(numberOfShirts >= 100 && numberOfShirts <= 199) {//100-199
\t\tif(numberOfColorsFront == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 1.60;
\t\t}
\t\telse if(numberOfColorsFront == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 2.00;
\t\t}
\t\telse if(numberOfColorsFront == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 2.40;
\t\t}
\t\telse if(numberOfColorsFront == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 2.80;
\t\t}
\t\telse if(numberOfColorsFront == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 3.20;
\t\t}
\t\telse if(numberOfColorsFront == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 3.60;
\t\t}
\t\tif(numberOfColorsBack == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 1.60;
\t\t}
\t\telse if(numberOfColorsBack == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 2.00;
\t\t}
\t\telse if(numberOfColorsBack == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 2.40;
\t\t}
\t\telse if(numberOfColorsBack == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 2.80;
\t\t}
\t\telse if(numberOfColorsBack == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 3.20;
\t\t}
\t\telse if(numberOfColorsBack == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 3.60;
\t\t}
\t}
\telse if(numberOfShirts >= 200 && numberOfShirts <= 499) {//200-499
\t\tif(numberOfColorsFront == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 1.30;
\t\t}
\t\telse if(numberOfColorsFront == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 1.63;
\t\t}
\t\telse if(numberOfColorsFront == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 1.95;
\t\t}
\t\telse if(numberOfColorsFront == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 2.28;
\t\t}
\t\telse if(numberOfColorsFront == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 2.61;
\t\t}
\t\telse if(numberOfColorsFront == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 2.94;
\t\t}
\t\tif(numberOfColorsBack == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 1.30;
\t\t}
\t\telse if(numberOfColorsBack == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 1.63;
\t\t}
\t\telse if(numberOfColorsBack == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 1.95;
\t\t}
\t\telse if(numberOfColorsBack == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 2.28;
\t\t}
\t\telse if(numberOfColorsBack == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 2.61;
\t\t}
\t\telse if(numberOfColorsBack == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 2.94;
\t\t}
\t}
\telse if(numberOfShirts >= 500 && numberOfShirts <= 999) {//500-999
\t\tif(numberOfColorsFront == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 1.10;
\t\t}
\t\telse if(numberOfColorsFront == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 1.38;
\t\t}
\t\telse if(numberOfColorsFront == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 1.63;
\t\t}
\t\telse if(numberOfColorsFront == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 1.93;
\t\t}
\t\telse if(numberOfColorsFront == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 2.26;
\t\t}
\t\telse if(numberOfColorsFront == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 2.56;
\t\t}
\t\tif(numberOfColorsBack == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 1.10;
\t\t}
\t\telse if(numberOfColorsBack == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 1.38;
\t\t}
\t\telse if(numberOfColorsBack == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 1.63;
\t\t}
\t\telse if(numberOfColorsBack == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 1.93;
\t\t}
\t\telse if(numberOfColorsBack == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 2.26;
\t\t}
\t\telse if(numberOfColorsBack == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 2.56;
\t\t}
\t}
\telse if(numberOfShirts >= 1000) {//1000+
\t\tif(numberOfColorsFront == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 0.90;
\t\t}
\t\telse if(numberOfColorsFront == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 1.13;
\t\t}
\t\telse if(numberOfColorsFront == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 1.35;
\t\t}
\t\telse if(numberOfColorsFront == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 1.58;
\t\t}
\t\telse if(numberOfColorsFront == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 1.80;
\t\t}
\t\telse if(numberOfColorsFront == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 2.02;
\t\t}
\t\tif(numberOfColorsBack == 1) {
\t\t\tfee += 25;
\t\t\tpricePerColor = 0.90;
\t\t}
\t\telse if(numberOfColorsBack == 2) {
\t\t\tfee += 45;
\t\t\tpricePerColor = 1.13;
\t\t}
\t\telse if(numberOfColorsBack == 3) {
\t\t\tfee += 65;
\t\t\tpricePerColor = 1.35;
\t\t}
\t\telse if(numberOfColorsBack == 4) {
\t\t\tfee += 85;
\t\t\tpricePerColor = 1.58;
\t\t}
\t\telse if(numberOfColorsBack == 5) {
\t\t\tfee += 105;
\t\t\tpricePerColor = 1.80;
\t\t}
\t\telse if(numberOfColorsBack == 6) {
\t\t\tfee += 125;
\t\t\tpricePerColor = 2.02;
\t\t}
\t}
\tnumberOfShirts * pricePerColor ;
\tTotal = (numberOfShirts * pricePerColor) + fee;
\tTotal += Total * .0825;
\talert('Your Total (with tax): '+Total);
}
< / script>
</head>
<body>
\t<div id=\"wrapper\">
\t\t<header>
\t\t
\t\t</header>
\t\t<nav>
\t\t
\t\t</nav>
\t\t<div id=\"left\">
\t\t
\t\t</div>
\t\t<div id=\"content\">
\t\t\t<div id=\"preview\">
\t\t\t
\t\t\t</div>
\t\t\t<div id=\"input\">
\t\t\t\t<ul>
\t\t\t\t\t<li>
\t\t\t\t\t\tChoose A Product:
\t\t\t\t\t\t<select id=\"productChoice\" name='Frontcolors'>
\t\t\t\t\t\t\t<option value=\"0\">Gildan 2000</option>
\t\t\t\t\t\t</select>
\t\t\t\t\t</li>
\t\t\t\t\t<li>
\t\t\t\t\t\tBase Shirt Color:
\t\t\t\t\t\t<select id=\"productChoice\" name='Frontcolors'>
\t\t\t\t\t\t\t<option value=\"0\">White</option><!--
("#"+'numberOfColorsBack' ).val(); var pricePerColor = 0.00; var fee = 0.00; var Total = 0.00; if(numberOfShirts >= 1 && numberOfShirts <= 35) {//1-35 if(numberOfColorsFront == 1) { fee += 25; pricePerColor = 2.50; } else if(numberOfColorsFront == 2) { fee += 45; pricePerColor = 3.13; } else if(numberOfColorsFront == 3) { fee += 65; pricePerColor = 3.75; } else if(numberOfColorsFront == 4) { fee += 85; pricePerColor = 3.75; } else if(numberOfColorsFront == 5) { fee += 105; pricePerColor = 3.75; } else if(numberOfColorsFront == 6) { fee += 125; pricePerColor = 3.75; } if(numberOfColorsBack == 1) { fee += 25; pricePerColor = 2.50; } else if(numberOfColorsBack == 2) { fee += 45; pricePerColor = 3.13; } else if(numberOfColorsBack == 3) { fee += 65; pricePerColor = 3.75; } else if(numberOfColorsBack == 4) { fee += 85; pricePerColor = 3.75; } else if(numberOfColorsBack == 5) { fee += 105; pricePerColor = 3.75; } else if(numberOfColorsBack == 6) { fee += 125; pricePerColor = 3.75; } } else if(numberOfShirts >= 36 && numberOfShirts <= 71) {//36-71 if(numberOfColorsFront == 1) { fee += 25; pricePerColor = 2.00; } else if(numberOfColorsFront == 2) { fee += 45; pricePerColor = 2.50; } else if(numberOfColorsFront == 3) { fee += 65; pricePerColor = 3.00; } else if(numberOfColorsFront == 4) { fee += 85; pricePerColor = 3.50; } else if(numberOfColorsFront == 5) { fee += 105; pricePerColor = 4.00; } else if(numberOfColorsFront == 6) { fee += 125; pricePerColor = 5.00; } if(numberOfColorsBack == 1) { fee += 25; pricePerColor = 2.00; } else if(numberOfColorsBack == 2) { fee += 45; pricePerColor = 2.50; } else if(numberOfColorsBack == 3) { fee += 65; pricePerColor = 3.00; } else if(numberOfColorsBack == 4) { fee += 85; pricePerColor = 3.50; } else if(numberOfColorsBack == 5) { fee += 105; pricePerColor = 4.00; } else if(numberOfColorsBack == 6) { fee += 125; pricePerColor = 5.00; } } else if(numberOfShirts >= 72 && numberOfShirts <= 199) {//72-99 if(numberOfColorsFront == 1) { fee += 25; pricePerColor = 1.80; } else if(numberOfColorsFront == 2) { fee += 45; pricePerColor = 2.25; } else if(numberOfColorsFront == 3) { fee += 65; pricePerColor = 2.70; } else if(numberOfColorsFront == 4) { fee += 85; pricePerColor = 3.15; } else if(numberOfColorsFront == 5) { fee += 105; pricePerColor = 3.60; } else if(numberOfColorsFront == 6) { fee += 125; pricePerColor = 4.05; } if(numberOfColorsBack == 1) { fee += 25; pricePerColor = 1.80; } else if(numberOfColorsBack == 2) { fee += 45; pricePerColor = 2.25; } else if(numberOfColorsBack == 3) { fee += 65; pricePerColor = 2.70; } else if(numberOfColorsBack == 4) { fee += 85; pricePerColor = 3.15; } else if(numberOfColorsBack == 5) { fee += 105; pricePerColor = 3.60; } else if(numberOfColorsBack == 6) { fee += 125; pricePerColor = 4.05; } } else if(numberOfShirts >= 100 && numberOfShirts <= 199) {//100-199 if(numberOfColorsFront == 1) { fee += 25; pricePerColor = 1.60; } else if(numberOfColorsFront == 2) { fee += 45; pricePerColor = 2.00; } else if(numberOfColorsFront == 3) { fee += 65; pricePerColor = 2.40; } else if(numberOfColorsFront == 4) { fee += 85; pricePerColor = 2.80; } else if(numberOfColorsFront == 5) { fee += 105; pricePerColor = 3.20; } else if(numberOfColorsFront == 6) { fee += 125; pricePerColor = 3.60; } if(numberOfColorsBack == 1) { fee += 25; pricePerColor = 1.60; } else if(numberOfColorsBack == 2) { fee += 45; pricePerColor = 2.00; } else if(numberOfColorsBack == 3) { fee += 65; pricePerColor = 2.40; } else if(numberOfColorsBack == 4) { fee += 85; pricePerColor = 2.80; } else if(numberOfColorsBack == 5) { fee += 105; pricePerColor = 3.20; } else if(numberOfColorsBack == 6) { fee += 125; pricePerColor = 3.60; } } else if(numberOfShirts >= 200 && numberOfShirts <= 499) {//200-499 if(numberOfColorsFront == 1) { fee += 25; pricePerColor = 1.30; } else if(numberOfColorsFront == 2) { fee += 45; pricePerColor = 1.63; } else if(numberOfColorsFront == 3) { fee += 65; pricePerColor = 1.95; } else if(numberOfColorsFront == 4) { fee += 85; pricePerColor = 2.28; } else if(numberOfColorsFront == 5) { fee += 105; pricePerColor = 2.61; } else if(numberOfColorsFront == 6) { fee += 125; pricePerColor = 2.94; } if(numberOfColorsBack == 1) { fee += 25; pricePerColor = 1.30; } else if(numberOfColorsBack == 2) { fee += 45; pricePerColor = 1.63; } else if(numberOfColorsBack == 3) { fee += 65; pricePerColor = 1.95; } else if(numberOfColorsBack == 4) { fee += 85; pricePerColor = 2.28; } else if(numberOfColorsBack == 5) { fee += 105; pricePerColor = 2.61; } else if(numberOfColorsBack == 6) { fee += 125; pricePerColor = 2.94; } } else if(numberOfShirts >= 500 && numberOfShirts <= 999) {//500-999 if(numberOfColorsFront == 1) { fee += 25; pricePerColor = 1.10; } else if(numberOfColorsFront == 2) { fee += 45; pricePerColor = 1.38; } else if(numberOfColorsFront == 3) { fee += 65; pricePerColor = 1.63; } else if(numberOfColorsFront == 4) { fee += 85; pricePerColor = 1.93; } else if(numberOfColorsFront == 5) { fee += 105; pricePerColor = 2.26; } else if(numberOfColorsFront == 6) { fee += 125; pricePerColor = 2.56; } if(numberOfColorsBack == 1) { fee += 25; pricePerColor = 1.10; } else if(numberOfColorsBack == 2) { fee += 45; pricePerColor = 1.38; } else if(numberOfColorsBack == 3) { fee += 65; pricePerColor = 1.63; } else if(numberOfColorsBack == 4) { fee += 85; pricePerColor = 1.93; } else if(numberOfColorsBack == 5) { fee += 105; pricePerColor = 2.26; } else if(numberOfColorsBack == 6) { fee += 125; pricePerColor = 2.56; } } else if(numberOfShirts >= 1000) {//1000+ if(numberOfColorsFront == 1) { fee += 25; pricePerColor = 0.90; } else if(numberOfColorsFront == 2) { fee += 45; pricePerColor = 1.13; } else if(numberOfColorsFront == 3) { fee += 65; pricePerColor = 1.35; } else if(numberOfColorsFront == 4) { fee += 85; pricePerColor = 1.58; } else if(numberOfColorsFront == 5) { fee += 105; pricePerColor = 1.80; } else if(numberOfColorsFront == 6) { fee += 125; pricePerColor = 2.02; } if(numberOfColorsBack == 1) { fee += 25; pricePerColor = 0.90; } else if(numberOfColorsBack == 2) { fee += 45; pricePerColor = 1.13; } else if(numberOfColorsBack == 3) { fee += 65; pricePerColor = 1.35; } else if(numberOfColorsBack == 4) { fee += 85; pricePerColor = 1.58; } else if(numberOfColorsBack == 5) { fee += 105; pricePerColor = 1.80; } else if(numberOfColorsBack == 6) { fee += 125; pricePerColor = 2.02; } } numberOfShirts * pricePerColor ; Total = (numberOfShirts * pricePerColor) + fee; Total += Total * .0825; alert('Your Total (with tax): '+Total); } </script> </head> <body> <div id="wrapper"> <header> </header> <nav> </nav> <div id="left"> </div> <div id="content"> <div id="preview"> </div> <div id="input"> <ul> <li> Choose A Product: <select id="productChoice" name='Frontcolors'> <option value="0">Gildan 2000</option> </select> </li> <li> Base Shirt Color: <select id="productChoice" name='Frontcolors'> <option value="0">White</option><!--
这篇关于为什么这个功能不起作用？ （BASIC JAVASCRIPT）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
