我想用HTML代码完成以下计算公式,自动生成结果,同时将结果插入在一段固定文字中间,请大神指教?

html-css011

我想用HTML代码完成以下计算公式,自动生成结果,同时将结果插入在一段固定文字中间,请大神指教?,第1张

<!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>

以下代码解决你的问题

偏差公式.html  文件代码清单如下:

<!doctype html>

<html lang="zh">

    <head>

        <meta charset="utf-8">

        <title>偏差公式</title>

        <link rel="stylesheet" href="deviationFormula.css">

    </head>

    <body>

    <p>3.45<span id="span1">+0.05</span><span id="span2">-0.03</span></p>

    </body>

</html>

deviationFormula.css  文件代码清单如下:

p {

font-size: 20px

}

p span {

font-size: 12px

}

#span1 {

vertical-align: top   /* 变成上标 */

}

#span2 {

position: relative    /* 定位 */

left: -30px           /* 移动位置 */

vertical-align: bottom /* 变成下标 */

}