Скрипт jq

А

Азай

Хочу чтоб при нажатии на кнопку "отправить" , контент элемента 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>
 
Код:
$(function(){
    $('[type="submit"]').click(function() {
        var a = $('#vals').val();
        $('#p').text(a);
    });
});
И удалите
Код:
 onclick="ad()"
 
Код:
$(function(){
    $('[type="submit"]').click(function() {
        var a = $('#vals').val();
        $('#p').text(a);
    });
});
И удалите
Код:
 onclick="ad()"
Можете подсказать, какая разница в написании если это одно и тоже событие
 
Да и смысл обеих кодов вродь один
 
Мы в соцсетях:

Взломай свой первый сервер и прокачай скилл — Начни игру на HackerLab

🚀 Первый раз на Codeby?
Гайд для новичков: что делать в первые 15 минут, ключевые разделы, правила
Начать здесь →

Популярный контент

🔴 Свежие CVE, 0-day и инциденты
То, о чём ChatGPT ещё не знает — обсуждаем в реальном времени
Threat Intel →
💼 Вакансии и заказы в ИБ
Pentest, SOC, DevSecOps, bug bounty — работа и проекты от проверенных компаний
Карьера в ИБ →

HackerLab