- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
关于同一件事,我对这篇文章有几个不同的问题。
(此代码可让您插入分数并计算它们的平均值)
1.号码数量未知时,如何进行?为了完成这三个数字,我会做 ((eng1n + eng2n + eng3n)/(eng1d + eng2d + eng3d)) * 100
(以 n 结尾的变量是分数的分子,而以结尾的变量d 是分母),但是我该如何处理未知数量的数字呢?
2.我将从带有 6 个输入的网页开始(3 个分数,因为我有一个输入用于分子,一个用于分母)但是我如何制作一个按钮来创建另一组输入?
这通常很容易,但我该怎么做才能让他们每个人都有自己唯一的 ID? ID 将遵循一种模式(engNUMBERn、engNUMBERd,并且每组的编号比最后一组高一个),这可能使这成为可能。然而,在不知道它们的数量的情况下将它们纳入上述等式也是一个挑战。
3.我的最后一个问题不应该太难,假设我们有两个分数,所以等式是 ((eng1n + eng2n)/(eng1d + eng2d)) * 100
。我怎样才能做到,如果只有分数的分子或分母被填充,那么分子和分母都从等式中删除?谢谢!
代码:
<!DOCTYPE html>
<link rel="stylesheet" href="style.css">
<div id='english' class='class'>English 1</div>
<div id='engBookTests' class='type'>Book Tests</div>
<div>
<div><input id='eng1n' type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input'>/<input id='eng1d' type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input'></div>
<div><input id='eng2n' type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input'>/<input id='eng2d' type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input'></div>
<div><input id='eng3n' type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input'>/<input id='eng3d' type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input'></div>
</div>
<script>
function update() {
var eng1n = document.getElementById('eng1n').value;
var eng1d = document.getElementById('eng1d').value;
var eng2n = document.getElementById('eng2n').value;
var eng2d = document.getElementById('eng2d').value;
var eng3n = document.getElementById('eng3n').value;
var eng3d = document.getElementById('eng3d').value;
if (eng1n != "" && eng1d != "") {
var engBTA = ((eng1n + eng2n + eng3n) / (eng1d + eng2d + eng3d)) * 100
document.getElementById('engBookTests').innerHTML = "Book Tests (" + engBTA + "%)"
}
}
</script>
CSS:
.class {
font-weight: bold;
}
.type {
}
.input {
left: 0;
width: 14px;
border: 0;
direction: ltr;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
最佳答案
这是您要查找的代码。我重新编写了您的函数并添加了一个以添加新的分数。
这是我改变的:
我制作了一个插入分数元素的按钮,这样您就可以添加为随心所欲。
删除了 input
id 并为那里提供了不同值的类
重新制作您的 update()
函数,使其可以处理任意数量的输入。
希望这就是您要找的。如果需要,很乐意解释或提供更好的解决方案。
function update() {
var nums = document.getElementsByClassName('num');
var dens = document.getElementsByClassName('den');
var sumN = 0;
for (var i = 0; i< nums.length; i++){
sumN += +nums[i].value;
}
var sumD = 0;
for (var i = 0; i< dens.length; i++){
sumD += +dens[i].value;
}
var engBTA = ( sumN/sumD) * 100;
document.getElementById('engBookTests').innerHTML = "Book Tests (" + engBTA + "%)";
}
function newFrac() {
var elem = "<input type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input num'>/<input type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input den'>"
var temp = document.createElement('div');
temp.innerHTML = elem;
document.getElementById('fractions').appendChild(temp);
}
.class {
font-weight: bold;
}
.type {}
.input {
left: 0;
width: 14px;
border: 0;
direction: ltr;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
<!DOCTYPE html>
<link rel="stylesheet" href="style.css">
<div id='english' class='class'>English 1</div>
<div id='engBookTests' class='type'>Book Tests</div>
<div id="fractions">
<div>
<input type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input num'>/
<input type='number' placeholder='##' onkeyup='update()' onchange='update()' class='input den'>
</div>
</div>
<button onclick='newFrac()'>New</button>
关于javascript - 求未知数量数字的平均值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49020668/
我有一个大小为 320x320 像素的阈值图像。我通过设置 ROI 以 20x20 像素的 block 循环遍历整个图像。我需要找到每个 block 的平均值。所以我将这些图像 block 传递给函数
我正在尝试学习 Javascript。我已经构建了以下代码来从一组数字中找到平均值。它有效除了最后返回的值总是 NaN。我不知道为什么。如果我将这 block 移到 block 外,它似乎完全忘记了变
假设我的数据已经分组,我该如何计算中位数和其他统计数据? Index Value Count 0 6 2 1 2 3 2 9 8 在上面
我试图计算的有趣情况。基本上在一行中,我有产品名称,其右侧的行是自首次收到产品以来经过的天数。 为 ex 计算的天数是 =TODAY()-BB2 我现在要做的是识别让我们说产品词“卡车”,然后计算卡车
我想知道如何计算某些数字的累积平均值。我将举一个简单的例子来描述我在寻找什么。 我有以下号码 vec 1) 为您的向量(或列表、一维数组或您如何称呼它)的每个元素评估此表达式,您将获得累积平均值。
我正在尝试对数据库表中的每一行进行平均。但它不能正常工作我想忽略该值,如果为空,它不会计算为零。使用我的代码,它将空值计算为零我想这样做 MS Excel 如果行/单元格为空,它将忽略。 Contro
我有以下信息(按 View 返回): DateTime ItemID UserTyp Seconds 2012-01-01 10 S 12 2012-01-01
我正在使用excel的average函数来获取欧洲各个城市一系列酒店价格的平均值。 =average(21,42,63,84,105) 我希望能够计算每个平均函数中的变量数量(例如,在上面的示例中有
我有一长串列,我想一次性计算非零中位数、平均值和标准差。我不能只删除基于 1 列的 0 行,因为同一列中另一列的值可能不是 0。 下面是我目前的代码,用于计算中位数、平均值等,包括零。 agg
这是我的问题: 我有一张这样的 table : Table Log int id; int time; timestamp DATE; int sid (FK to table Site);
JSON: [{"id":"1","user":"001","answer":"1,1,3,2,2,1,3,2"}, {"id":"2","user":"002","answer":"2,3,3,2,
有个问题: 使用适当的列名称,显示 obs 类型“CONT”的允许 ID 和平均 obs 值,其中 CONT 的平均 obs 值 >= 40。 假设承认是表1,观察是表2,但具有相同的主键Admit_
我有一个记录传感器数据的应用程序,我希望能够从多个传感器生成平均值,可以是一个、两个、三个或很多... 编辑:这些是温度传感器,因此 0 是传感器可能作为值存储在数据库中的值。 我最初的出发点是这个
我有这样一个数据框 id power flag 0 20 0 1 25 0 2 26 1 3 30 1 4 18 0 5
我想计算所有事件 blob 的平均位置。为此,首先我需要所有 X 和 Y 位置的总和。在这种情况下我该怎么做? contourFinder.findContours(grayImg, minB
我是一个十足的 Java 新手。上周一开始,之前从未用任何语言进行过任何编程。因此,如果我发现简单的事情变得复杂,请耐心等待。 我收到了一个文本文件。如下图: 第一个数据是时间(午夜过后的秒数),第二
我正在尝试为 Audacity 编写一个简单的测量插件,它就像用石头砸我的头骨一样有趣。我想要做的就是获取一段音频并找到所有样本的平均值(该 block 的 DC offset ),这样我就可以将它作
我正在尝试计算给定多边形内的值: 实际上我正在使用这个管道: 'aggregation': { 'pipeline': [ { "$match" : {
我有一个 pandas DataFrame,其中包含包含列表的列。我正在尝试获取此专栏中列表的方法。 这是我的 DataFrame 的示例: Loc Background 0
我尝试加速计算放置在数组中的4d向量的平均值。这是我的代码: #include #include #include #include #include #include typedef f
我是一名优秀的程序员,十分优秀!