Почему не работает код?

@crypton_ua · Регистрация: 12.02.2017

Студворк — интернет-сервис помощи студентам

Почему не работает? тык
ошибок никаких не показывает, хз в чем дело

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Javascript Learning</title>
</head>
<body>
<input id="val1"/><br/>
<input id="val2"/>
<br/><br>
<button onclick="myfunction();">Click!</button>
</body>
</html>

JavaScript
1
2
3
4
5
6
7
8
9
10
$().ready(function() {
function myfunction(){
var value1, value2, value3;
value1 = jQuery('#val1').val();
value2 = jQuery('#val2').val();
value1 = parseInt(value1);
value2 = parseInt(value2);
value3 = value1 + value2;
alert(value3);
}});

@Azdeman · 04.03.2018, 22:21

Сообщение от crypton_ua

Почему не работает? тык
ошибок никаких не показывает, хз в чем дело

Как это нет?

fiddle.jshell.net/p0huxqeL/4/show/:50 Uncaught ReferenceError: $ is not defined
3fiddle.jshell.net/p0huxqeL/4/show/:79 Uncaught ReferenceError: myfunction is not defined
(index):50 Uncaught ReferenceError: $ is not defined
(index):79 Uncaught ReferenceError: myfunction is not defined
(index):50 Uncaught ReferenceError: $ is not defined
(index):50 Uncaught ReferenceError: $ is not defined
at window.onload ((index):50)
(index):79 Uncaught ReferenceError: myfunction is not defined
at HTMLButtonElement.onclick ((index):79)

jQuery кто подключать будет?

@crypton_ua · 04.03.2018, 22:27 **[ТС]**

Azdeman,
а на jsfiddle он разве не подключен по дефолту? но если что, то не в этом дело, ибо в саблайме с подключенным jquery.min.js тоже ничего...

@j2FunOnly · 06.03.2018, 11:23

Потому что объявив обработчик так

Сообщение от crypton_ua

HTML5
1
<button onclick="myfunction();">Click!</button>

браузер ожидает что myfunction() будет доступна в глобальной области, у вас же она спрятана в анонимной функции в $().ready(function () {});

Либо делаете так:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Javascript Learning</title>
</head>
<body>
  <input id="val1"/><br/>
  <input id="val2"/>
  <br/><br>
  <button onclick="myfunction();">Click!</button>
</body>
<script type="text/javascript" src="https://unpkg.com/jquery"></script>
<script type="text/javascript">
  // $().ready(function() {
    function myfunction(){
      var value1, value2, value3;
      value1 = jQuery('#val1').val();
      value2 = jQuery('#val2').val();
      value1 = parseInt(value1);
      value2 = parseInt(value2);
      value3 = value1 + value2;
      alert(value3);
    }
  // });  
</script>
</html>

Либо так

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Javascript Learning</title>
</head>
<body>
  <input id="val1"/><br/>
  <input id="val2"/>
  <br/><br>
  <button>Click!</button>
</body>
<script type="text/javascript" src="https://unpkg.com/jquery"></script>
<script type="text/javascript">
  $(document).ready(function() {
    function myfunction(){
      var value1, value2, value3;
      value1 = jQuery('#val1').val();
      value2 = jQuery('#val2').val();
      value1 = parseInt(value1);
      value2 = parseInt(value2);
      value3 = value1 + value2;
      alert(value3);
    }
    
    $('button').on('click', myfunction);
  });  
</script>
</html>

@crypton_ua · 09.03.2018, 18:56 **[ТС]**

Почему не работает так:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<body>
 
<p>Click the button to display the date.</p>
 
<button onclick="displayDate()">The time is?</button>
 
<script>
function displayDate() {
    document.getElementBytagName("P").innerHTML = Date();
}
</script>
 
<p></p>
 
</body>
</html>

но работает так:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<body>
 
<p>Click the button to display the date.</p>
 
<button onclick="displayDate()">The time is?</button>
 
<script>
function displayDate() {
    document.getElementById("demo").innerHTML = Date();
}
</script>
 
<p id="demo"></p>
 
</body>
</html>

@Denno · 10.03.2018, 00:08

1)

Сообщение от crypton_ua

JavaScript
1
document.getElementsByTagName("P")

2) Функция возвращает массив, содержащий ссылки на элементы.

JavaScript
1
document.getElementsByTagName("P")[0].innerHTML = Date()

@crypton_ua · 10.03.2018, 21:35 **[ТС]**

Denno,
даже если элемент Р всего один на странице? есть ли разница в регистре указываемого селектора? работает и первый и второй вариант (и р и Р)

Добавлено через 2 часа 39 минут
Поясните пожалуйста, как в этом примере js проверяет(сопоставляет) текущий день недели с кейсом:
Я себе макс смог только представить, что слово case это if, а то по другому логики не вижу... метод GetDay возвращает номер дня, верно? тогда такое же можно реализовать с помощью череды else if или нет?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<body>
 
<p id="demo"></p>
 
<script>
var day;
switch (new Date().getDay()) {
    case 0:
        day = "Sunday";
        break;
    case 1:
        day = "Monday";
        break;
    case 2:
        day = "Tuesday";
        break;
    case 3:
        day = "Wednesday";
        break;
    case 4:
        day = "Thursday";
        break;
    case 5:
        day = "Friday";
        break;
    case  6:
        day = "Saturday";
}
document.getElementById("demo").innerHTML = "Today is " + day;
</script>
 
</body>
</html>

и еще для чего здесь создается пустая переменная, можно ли обойтись каким то образом без нее или чем то заменить?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<body>
 
<h2>JavaScript Loops</h2>
 
<p id="demo"></p>
 
<script>
var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
    text += cars[i] + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
 
</body>
</html>

@Denno · 11.03.2018, 21:18

Сообщение от crypton_ua

даже если элемент Р всего один на странице?

Да.

Сообщение от crypton_ua

что слово case это if, а то по другому логики не вижу... метод GetDay возвращает номер дня, верно? тогда такое же можно реализовать с помощью череды else if или нет?

Да, верно. Через свич-кейс код получается лаконичнее и при этом сохраняется читабельность.

Сообщение от crypton_ua

и еще для чего здесь создается пустая переменная, можно ли обойтись каким то образом без нее или чем то заменить?

Можно обойтись и без переменной, и записать всё сразу в элемент абзаца.

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

Почему не работает код?

Решение

Решение

@crypton_ua 7 / 7 / 0 Регистрация: 12.02.2017 Сообщений: 315
	04.03.2018, 22:27 [ТС]
	Azdeman, а на jsfiddle он разве не подключен по дефолту? но если что, то не в этом дело, ибо в саблайме с подключенным jquery.min.js тоже ничего... 0