Поиск среднего количества неизвестных чисел

Andrew спросил: 03 февраля 2018 в 11:56 в: javascript

У меня есть несколько разных вопросов по этому сообщению, связанных с одним и тем же.

(Этот код позволяет вставлять дробные части и находить их среднее значение).

1.How мог ли я сделать это, когда количество чисел неизвестно? Чтобы выполнить это для трех чисел, я бы сделал ((eng1n + eng2n + eng3n) / (eng1d + eng2d + eng3d)) * 100 (переменные, оканчивающиеся на n, являются числителем дробей, а переменные, оканчивающиеся на d, являются знаменателем), но как бы я сделал это с неизвестным количеством чисел?

2. Я начну с веб-страницы с 6 входами (3 фракции, потому что у меня есть один вход для числителя и один для знаменателя), но как я могу создать кнопку, которая создает другой набор входов ?

Это было бы легко нормально, но как бы я сделал это, чтобы каждый из них имел свой собственный уникальный идентификатор? Иды будут следовать шаблону (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;
}

0 ответов