我想用HTML代码完成以下计算公式,自动生成结果,同时将结果插入在一段固定文字中间,请大神指教?
A=输入值(无范围)
B=固定值1
C=需要根据Y结果,一定的范围内调整。Y<10=报错 ; 10≤Y<50=0.2 ; 50≤Y<100=0.3 ; 100≤Y<200=0.4 ; 200≤Y=0.4
D=输入值(有范围50%-90%,超过范围会报错)
E=固定值2
并将A、C、D、Y、X的结果插入固定的对话中,并可以复制生成的对话结果。
生成文字:你收到了A元的订单,是Y的完成量,你的提成是D,计算比例是C,则你的计算结果是:A*(文本)*C*D*(文本)=X,等发工资一起结算。 展开
2020-03-18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
A:<input type="number" name="" id="a" value="" style="width: 40%;height: 50px;"/> <br />
D:<input type="number" step="0.1" name="" id="d" style="width: 40%;height: 50px;" value="" min = '0.5' max="0.9" /><br>
<input type="button" name="" id="btn" value="结果" /><br>
<p id="p"></p>
</body>
<script type="text/javascript">
var btn = document.getElementById('btn');
function getC (y){
if(y<10) return alert('错误 y<10');
if(y>=10 && y<50) return y = 0.2;
if(y>=50 && y<100) return y = 0.3;
if(y>=100 && y<200) return y = 0.4;
if(y>=200) return y = 0.5;
}
btn.addEventListener('click',function(){
var a = document.getElementById('a').value;
var d = document.getElementById('d').value;
var b = 1;
var y = a*b;
var e = 2;
var c = getC(y);
var e = 2;
var p = document.getElementById('p');
var x = a*d*b*y*e*c*e;
p.innerHTML = '你收到了' + a + '元的订单,是' + y + '的完成量,你的提成是' + d + ',计算比例是' + c+ ',则你的计算结果是:' + x+ ',等发工资一起结算。';
});
</script>
</html>