После ввода в 1текстовое поле и нажатии преобразовать во второе поле не выводится ничего, ладно бы ответ неверный был

Question

После ввода в 1текстовое поле и нажатии преобразовать во второе поле не выводится ничего, ладно бы ответ неверный был

Grüne im Grünen Ученик (94), на голосовании 1 год назад

Тут в первое поле вводится целое число и после нажатия преобразовать во втором поле должна вывестиь римская цифра, соответствующая этому целому числу, но меня волнует только почему ниего вообще не выводится? Помогите, пожалуйста((

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Преобразование в римские цифры</title>
</head>
<body>
<p><input type="text" id="A"></p>
<p><input type="text" id="B"></p>
<p><input type="button" value="Преобразовать" onclick="conversion()"></p>

<script>
const normalNumbers=[1000,900,500,400,100,90,50,40,10,9,5,4,1];
const romanNumbers=['M','CM','D','CD','C','XC','L','XL','X','IX','V','IV','I'];
let a=document.getElementByld("A");

function conversion(a){
let result = '';
normalNumbers.map ((item,index) => {
while (item <= a){
result += romanNumbers[index];
a=a-item;
}
});
document.getElementByld("B").value=result;
}

</script>

</body>
</html>

Answer 1

Первая ошибка - у тебя опечатка в вызове метода getElementByld.

Вторая ошибка - ты используешь элемент #A, а не его value.

Третья ошибка - ты вызываешь функцию из HTML без аргумента, поэтому аргумент "a" внутри функции всегда будет равен пустой строке, как было при первой записи переменной. Это можно исправить путем удаления аргумента "a" и переноса переменной внутрь тела функции, вот так...

 function conversion() { 
   let a = document.getElementById("A").value;
   // Остальной код
}

Если тебе важно по какой-то причине объявить переменную в глобальной области видимости, то нужно дополнительное событие такого вот вида.

 let a = ''; 
document.getElementById("A").onchange = (e) => a = e.target.value;

Еще можно сделать вот так, это что-то среднее между вариантами.

 document.getElementById("button").onclick = () => { 
   let a = document.getElementById("A").value; 
   conversion(a);
} 

// Или 
document.getElementById("button").onclick = () => {
   conversion(document.getElementById("A").value);
}
 
function conversion(a) {
   // Остальной код
}