Мобильная версияУ меня есть функция add() для кнопок с числовым параметром. Поэтому, когда я нажимаю кнопку в консоли, появляется ошибка Uncaught ReferenceError: add не определен в HTMLButtonElement.onclick
Это мой код ниже:
Код: Выделить всё
document.addEventListener("DOMContentLoaded", function() {
console.log("Script connected correctly");
function add(num) {
console.log(num)
}
});Код: Выделить всё
.calculator{
display: flex;
}
button:not(.big):not(.button-c) {
width: 38.5px;
height: 38px;
font-size: 16px;
padding: 5px;
border: none;
background-color: #f0f0f0;
cursor: pointer;
}
#calc-input{
height: 25px;
}
td[rowspan="2"] button {
width: 38.5px;
height: 79px;
font-size: 16px;
padding: 5px;
border: none;
background-color: #f0f0f0;
cursor: pointer;
}
td[colspan="2"] button {
height: 38px;
width: 100%;
font-size: 16px;
padding: 5px;
border: none;
background-color: #f0f0f0;
cursor: pointer;
}
.button-c{
background-color: rgb(255, 51, 0);
width: 38.5px;
height: 38px;
font-size: 16px;
padding: 5px;
border: none;
cursor: pointer;
}Код: Выделить всё
Document
[i]
C
[/i]
/
*
7
8
9
-
4
5
6
+
1
2
3
=
0
.
Что я пробовал:
1) Разместил тег внизу тела (непосредственно перед закрывающим тегом), чтобы убедиться, что элементы HTML загружаются до выполнения JavaScript.
2)Проверил консоль браузера и подтвердил, что console.log («Сценарий подключен правильно»), означает, что сценарий загружен.
3) Пробовал другие решения, такие как использование события DOMContentLoaded, но ошибка сохраняется.
Что я ожидаю: я ожидаю, что когда я нажму кнопку с цифрой (например, 7), тип () должна быть вызвана функция, и число должно быть добавлено в поле ввода.
Может ли кто-нибудь помочь мне понять, почему type() не распознается как функция, хотя она четко определена во внешнем файле script.js?
Подробнее здесь: https://stackoverflow.com/questions/792 ... nt-onclick
