你如何使用javascript填充最终销售价格？

Question

我正在使用javascript创建一个简单的计算器。理想情况下，我想要像DSW.com那样工作。

我希望能够输入产品的数量，然后点击一个有你的折扣的按钮。并用最终价格填充span标签或类似的东西。

任何类型的指导将有所帮助。

function calc() { 
 
     var i = document.getElementById("saleprice").value; 
 
     var p = document.getElementById("percentoff").value; 
 
     var o = (i/100) * p; 
 
     document.getElementById("finalprice").value = i - o; 
 
    }

<form action="javascript:calc()"> Sale Price: 
 
     <input type="text" id="saleprice" /> 
 
     <br /> Percent Off: 
 
     <input type="radio" name="percentoff" id="percentoff" value="50" />50% 
 
     <br /> Percent Off: 
 
     <input type="radio" name="percentoff" id="percentoff" value="30" />30% 
 
     <br /> Percent Off: 
 
     <input type="radio" name="percentoff" id="percentoff" value="20" />20% 
 
     <br /> Final Price: 
 
     <input type="text" id="finalprice" /> 
 
     <br /> 
 
     <input type="submit" /> </form>

谢谢！

Answer 1

通过百分比相乘就全价关：https://jsfiddle.net/yak613/07fa46nu/

function sale(percent){ 
    var price = document.getElementById('price').value; 
    var sale = price * percent; 
    document.getElementById('sale').value = sale; 
} 

HTML：

Full price: <input type="text" id="price"> 
<br> 
<button onclick="sale(.5)"> 
    50% 
</button> 
<button onclick="sale(.3)"> 
    30% 
</button> 
<button onclick="sale(.25)"> 
    25% 
</button> 
<button onclick="sale(.15)"> 
    15% 
</button> 
<button onclick="sale(0)"> 
    0% :(
</button> 
<br> 
Your price: 
<input type="text" id="sale">