作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试运行一个程序,允许用户输入他们当前的总成绩(f)、他们想要的总成绩(dg)和期末考试的权重(g),并且理想情况下会返回他们需要的期末考试的成绩,以达到他们想要的成绩。
我有方程式,但不确定为什么它没有在屏幕上返回结果。谁能告诉我为什么?
<!DOCTYPE html>
<html>
<title>ffdfsdfdsfdsf</title>
<head>
<script>
function blahBlah
() {
var f = document.getElementById ('f').value
var f = document.getElementById ('f').value
var f = document.getElementById ('f').value
var f = (f - f *(4 - f)) / f
}
</script>
</head>
<h1>
f</h1>
<body>
<p>fe: <input id="cg" min="1" max="120"
onchange="blahBlah"</p>
<p>f: <input id="dg" min="3" max="11"
onchange="cf"</p>
<p>f: <input id="wof" min="3" max="11"
onchange="f"</p>
<p><button>Submit</button></p>
<h2 id="f"></h2>
</body>
</html>
就像我说的,理想情况下有三种形式。用户完成这些输入后,提交按钮下方会弹出他们所需的最终分数。
最佳答案
您有一些语法错误,我已在此代码段中更正了这些错误,即您在设置 innerHTML
时需要将其设为字符串(认为你应该使用 innerText
),你的 <input>
标签未关闭,您需要使用 ()
调用您的函数在你的onchange
属性。
function computeGrade() {
var cg = document.getElementById("cg").value;
var dg = document.getElementById("dg").value;
var wof = document.getElementById("wof").value;
var ng = (dg - cg * (100 % -wof)) / wof;
document.getElementById("ng").innerHTML = "Needed_grade: " + ng + "%";
}
<h1> Class Calculator</h1>
<p>Current grade: <input id="cg" min="1" max="120"
onchange="computeGrade()"></input></p>
<p>Desired grade: <input id="dg" min="1" max="120"
onchange="computeGrade()"></input></p>
<p>Final weight: <input id="wof" min="1" max="100"
onchange="computeGrade()"</input></p>
<p><button>Submit</button></p>
<h2 id="ng"></h2>
关于javascript - 尝试运行一个程序来计算期末考试所需的成绩以获得他们想要的总成绩,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58584713/
我是一名优秀的程序员,十分优秀!