не работает проверка условия?

@USTeam · Регистрация: 06.12.2015

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

здравствуйте! скажите, почему не работает, что делаю не так? спасибо

Javascript

<!DOCTYPE html>
<html>
    <head>
    <title>Давай узнаем кто ты?</title>
    <meta charset="utf-8">
    </head>
    <body>
    <p>Введи свое имя</p>
    
        <input id="Name" type="text">
        <button type="button" onclick="">Узнать</button> 
        <p id="answer"></p>    
    
        <script>
        
            function CheckedName()
            {
                var enter_name;
                var msg;
                
                enter_name = document.getElementById('Name').value;
                
                if (enter_name != null)
                    {
                        msg = "Не пусто";
                        document.getElementById('answer').innerHTML = msg;
                    }
                else
                    {
                        msg = "Пусто";
                        document.getElementById('answer').innerHTML = msg;
                    }
            }
        </script>
    </body>

вообще никакого результата не выводит

@arcmag · 14.12.2015, 20:19

Во первых

HTML5

1	<button type="button" onclick="">Узнать</button>

заменить на

HTML5

1	<button type="button" onclick="CheckedName()">Узнать</button>

______________________
во вторых

Javascript

1	if (enter_name != null)

на

Javascript

1	if (enter_name != "")

@Karssen · 14.12.2015, 20:24

Ну для начала вы не запускаете функцию, во-вторых, не подключили ее в событие онклик.
Немного переделал
http://plnkr.co/edit/7cwVx65ek... ?p=preview

Javascript

        <script>
        'use strict'
            let answer = document.getElementById('answer');
            let info = document.getElementById('name');
            let button = document.getElementById('button');
            
            button.addEventListener('click', onClick);
            
            function onClick(event){
              let val = info.value;
              
              if(!val){
                answer.textContent = 'Ничего не введено';
              } else{
                answer.textContent = val;
              }
            }
        </script>

@USTeam · 14.12.2015, 20:28 **[ТС]**

arcmag, я по старым C#'вским замашкам)

<button type="button" onclick="CheckedName()">Узнать</button>

вот это у меня было) скинул случайно недописанное в том месте)

P.S. Нажимаю на кнопку - ничего не происходит((( делаю в программе Brackets

Добавлено через 2 минуты
Karssen, объясните подробнее, я пока что только въезжаю в js)

@Karssen · 14.12.2015, 20:35

USTeam, addEventListener отлавливает события - это вместо onclick в кнопке, первым аргументов передаем событие без on, вторым функцию которая исполнится. Далее описываем эту функцию. Узнаем в ней что внутри нашего input. Если там пустая строка, то в логическом смысле это будет false. ! этот знак меняет значение на противоположное, таким образом если пустая строка то выполняется то что внутри if, если что то введено то else

@USTeam · 14.12.2015, 20:39 **[ТС]**

Karssen, про логические то все понятно) вот спасибо за разъяснение addEventListener)

@USTeam 1 / 1 / 2 Регистрация: 06.12.2015 Сообщений: 122
	14.12.2015, 20:28 [ТС]	4
	arcmag, я по старым C#'вским замашкам) <button type="button" onclick="CheckedName()">Узнать</button> вот это у меня было) скинул случайно недописанное в том месте) P.S. Нажимаю на кнопку - ничего не происходит((( делаю в программе Brackets Добавлено через 2 минуты Karssen, объясните подробнее, я пока что только въезжаю в js) 0

@Karssen 152 / 151 / 67 Регистрация: 25.02.2015 Сообщений: 493
	14.12.2015, 20:35	5
	USTeam, addEventListener отлавливает события - это вместо onclick в кнопке, первым аргументов передаем событие без on, вторым функцию которая исполнится. Далее описываем эту функцию. Узнаем в ней что внутри нашего input. Если там пустая строка, то в логическом смысле это будет false. ! этот знак меняет значение на противоположное, таким образом если пустая строка то выполняется то что внутри if, если что то введено то else 0

@USTeam 1 / 1 / 2 Регистрация: 06.12.2015 Сообщений: 122
	14.12.2015, 20:39 [ТС]	6
	Karssen, про логические то все понятно) вот спасибо за разъяснение addEventListener) 0

Опции темы