Скрипт jq

Азай · 23.06.2018

Хочу чтоб при нажатии на кнопку "отправить" , контент элемента p изменялся на значение val в "input type = 'text' "
В общем написал такой код, но почему-то не работает, пожалуйста подскажите что я делаю не так
Вот сам код сайта

HTML:

<!DOCTYPE html>
<html>
<head><title>Уиии </title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<meta charset="UTF-8" />
<script>
$(function(){
 var a = $('#vals').val();
 function ad() {
 a = $('#vals').val();
 $('#p').text(a);
   }

            
            
});
</script>
</head>
<body><input type="text" id="vals" value="хай"></input>
<input type="submit" value="Отправить" onclick="ad()"></input>
<p id="p"></p>

</body>
</html>

Citizen0 · 24.06.2018

Код:

$(function(){
    $('[type="submit"]').click(function() {
        var a = $('#vals').val();
        $('#p').text(a);
    });
});

И удалите

Код:

 onclick="ad()"

Азай · 24.06.2018

Citizen0 сказал(а):
Код:

$(function(){ $('[type="submit"]').click(function() { var a = $('#vals').val(); $('#p').text(a); }); });

И удалите

Код:

onclick="ad()"

Можете подсказать, какая разница в написании если это одно и тоже событие

Азай · 24.06.2018

Да и смысл обеих кодов вродь один

Все сервисы Codeby

Поиск

Поиск

Скрипт jq

Азай

Citizen0

Азай

Азай