Javascript условных обозначений, как определить от наименьшего к наибольшему числу?

Question

document.getElementById("button").click(v07);

function v07() { 
  let digit_a = Number(document.getElementById("digit_a").value); 
  let digit_b = Number(document.getElementById("digit_b").value); 
  let digit_c = Number(document.getElementById("digit_c").value); 
  let digit_d = Number(document.getElementById("digit_d").value);
  let A = digit_a; 
  let B = digit_b; 
  let C = digit_c;
  let D = digit_d;
  let numbers; 
  document.getElementById(Math.max(...numbers)).innerHTML = digit_x; 
}

<section>
  <h2>V7: Smallest and biggest</h2>
  <label for="digit_a">A:</label><input type="number" id="digit_a" /> 
  <label for="digit_b">B:</label><input type="number" id="digit_b" />
  <label for="digit_c">C:</label><input type="number" id="digit_c" />
  <label for="digit_d">D:</label><input type="number" id="digit_d" />
  <button id="button">Smallest</button> 
  <p>Smallest number is <span id="smallest"></span></p>
  <p>Biggest number is <span id="biggest"></span></p> 
</section>

Я программирую из индекса. html -файл, содержащий идентификаторы, которые мне нужно использовать в моем коде Javascript, поэтому я должен вывести с использованием getElementById & document.getElementById ("content"). inner HTML = "...";

Есть поля A, B, C & D, где пользователь должен вводить любые целые числа, которые он хочет, в указанные поля. Когда пользователь нажимает кнопку, он должен взять эти входные целые числа и определить, какое число является наибольшим, а какое - наименьшим. Затем он должен вывести эти числа, например:

"Самое большое число: C" "Самое маленькое число: D"

Я пытался искать ответы, но ничего не нашел. Это упражнение довольно продвинутое для меня, но мне нужно выполнить его. Любая помощь будет принята с благодарностью!

Answer 1

Есть некоторые вещи, которые немного неясны. Вам не нужно столько переменных, сколько вы объявили. Вы можете просто поместить все свои числа в массив и делать то, что вы набрали, с помощью Math.min(...numbers), чтобы получить максимум и минимум. После этого просто поместите результат в свои абзацы

function v07() { 
  const digit_a = Number(document.getElementById("digit_a").value); 
  const digit_b = Number(document.getElementById("digit_b").value); 
  const digit_c = Number(document.getElementById("digit_c").value); 
  const digit_d = Number(document.getElementById("digit_d").value);
  const numbers = [{ id: "A", value: digit_a },
                   { id: "B", value: digit_b },
                   { id: "C", value: digit_c },
                   { id: "D", value: digit_d }]; 

  const smallest = Math.min(...numbers.map(x => x.value));
  const biggest = Math.max(...numbers.map(x => x.value));
  
  document.getElementById("smallest").innerHTML = numbers.find(x => x.value === smallest).id; 
  document.getElementById("biggest").innerHTML = numbers.find(x => x.value === biggest).id; 
}

<section>
  <h2>V7: Smallest and biggest</h2>
  <label for="digit_a">A:</label><input type="number" id="digit_a" /> 
  <label for="digit_b">B:</label><input type="number" id="digit_b" />
  <label for="digit_c">C:</label><input type="number" id="digit_c" />
  <label for="digit_d">D:</label><input type="number" id="digit_d" />
  <button onclick="v07()">Smallest</button> 
  <p>Smallest number is <span id="smallest"></span></p>
  <p>Biggest number is <span id="biggest"></span></p> 
</section>