Calc의 가격은 parseInt를 기준으로합니다.

Question

두 개의 입력이 있는데, 여기서 사용자 유형은 width과 height입니다 (단위는 mm입니다). 따라서 최소 가격은 width=50 및 height=20까지 250 달러입니다. 그런 다음 폭 또는 높이가 10mm 씩 편집 될 때마다 총 가격을 $ 25만큼 올리고 싶습니다. 따라서 총계는 $ 275이어야합니다. w=60 and h=20 (또는 w=50/h=30); $ - 300

지금 불쌍한 내 JQuery와 지식 나는이 괴물 https://jsfiddle.net/fkqotzzb/

var basePrice = 250; 
 
var priceForSm = 50; 
 
var price300 = basePrice + priceForSm; 
 
var price450 = price300 + (priceForSm * 3); 
 
var price700 = price450 + (priceForSm * 5); 
 
var price950 = price700 + (priceForSm * 5); 
 

 
$("#stwidth, #stheight").keyup(function() { 
 

 
\t var stwidth = parseInt($("#stwidth").val(), 10); 
 
\t var stheight = parseInt($("#stheight").val(), 10); 
 

 
\t if (stwidth > 113) { 
 
\t \t $("#stwidth").val("113"); 
 
\t } 
 
    
 
    if (stheight > 62) { 
 
\t \t $("#stheight").val("62"); 
 
\t } 
 

 
\t if (stwidth >= 50 && stheight >= 20 || stwidth >= 110 && stheight >= 10) { 
 
\t \t $(".stamp-full-price span").html(basePrice); 
 

 
\t } 
 

 
\t if (stwidth >= 30 && stheight >= 60 || stwidth == 80 && stheight == 20 || stwidth >= 60 && stheight >= 30 || stwidth >= 40 && stheight >= 40) { 
 
\t \t $(".stamp-full-price span").html(price300); 
 
\t } 
 

 
\t if (stwidth >= 110 && stheight >= 20 || stwidth >= 110 && stheight == 30 || stwidth >= 70 && stheight >= 30 || stwidth >= 60 && stheight >= 40 || stwidth >= 50 && stheight >= 50 || stwidth >= 40 && stheight >= 60) { 
 
\t \t $(".stamp-full-price span").html(price450); 
 
\t } 
 

 
\t if (stwidth >= 110 && stheight >= 40 || stwidth >= 110 && stheight >= 50 || stwidth >= 90 && stheight >= 40 || stwidth >= 80 && stheight >= 50 || stwidth >= 60 && stheight >= 60) { 
 
\t \t $(".stamp-full-price span").html(price700); 
 
\t } 
 

 
\t if (stwidth >= 100 && stheight >= 60 || stwidth >= 111 && stheight >= 50) { 
 
\t \t $(".stamp-full-price span").html(price950); 
 
\t } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="stwidth" id="stwidth" value="50" class="form-control input-xs" maxlength="3"> x <input type="text" name="stheight" id="stheight" value="20" class="form-control input-xs" maxlength="2"> мм 
 

 
<div class="stamp-full-price"> 
 
    Total: <span>250</span> 
 
</div>

을 만들 때 w=60 and h=30 ... 여기 가격과 크기를 수동으로 설정,하지만 설정하지 않으

따라서 가격을 width 및 height으로 따로 조절하는 것이 좋습니다. 또한 케이스의 모든 크기를 다루지 않으므로 특정 상황에서 어떤 가격이 표시 될지 예측할 수 없으며 실제로 괴물입니다. :)

라디오 및 체크 박스 형태의 크기 다음으로 몇 가지 다른 옵션이 있습니다. 그렇다면 라디오/체크 박스의 가격을 추가하기 위해 정의 된 크기 이후 총 가격의 가치를 얻는 방법은 무엇입니까?

이미 너비/높이를 얻을 단지 수학을, 모든 추가 10 $가 25 가격을 증가 할 수있는 방법을 발견하면서

Answer 1

: 당신이 비슷한 상황에있는 경우

var stwidth = parseInt($("#stwidth").val(), 10); 
var stheight = parseInt($("#stheight").val(), 10); 

var price = 250; 

if(stwidth > 50) { 
    price += 25 * Math.ceil((stwidth - 50)/10) 
} 

if(stheight > 20) { 
    price += 25 * Math.ceil((stheight - 20)/10) 
} 

$(".stamp-full-price span").html(price); 

항상 수학을 만들려고 종이로 계산하는 방법, 더 빨리 배우고 끝내는 것이 더 쉬울 수도 있습니다. 일부 값에 대해 가격을 계산하는 방법을 모든 단계에 기록한 다음 일부 부품 만 변수로 바꿀 수 있습니다. 여기

Answer 2

가격이 둥근 값

var basePrice = 250; 
 
var baseW = 50; 
 
var baseH = 20; 
 

 
$("#stwidth, #stheight").keyup(function() { 
 
\t var stwidth = parseInt($("#stwidth").val(), 10); 
 
\t var stheight = parseInt($("#stheight").val(), 10); 
 

 
\t var dW = (stwidth - baseW) > 0 ? Math.round((stwidth - baseW)/10) : 0; 
 
\t var dH = (stheight - baseH) > 0 ? Math.round((stheight - baseH)/10) : 0; 
 
     var price = basePrice + dW*25 +dH*25; 
 
     $(".stamp-full-price span").html(price); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="stwidth" id="stwidth" value="50" class="form-control input-xs" maxlength="3"> x 
 
<input type="text" name="stheight" id="stheight" value="20" class="form-control input-xs" maxlength="2"> мм 
 

 
<div class="stamp-full-price"> 
 
    Total: <span>250</span> 
 
</div>