Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.04.2020, 16:36
Интересующийся
Отправить личное сообщение для Andrew Kolomiets Посмотреть профиль Найти все сообщения от Andrew Kolomiets
 
Регистрация: 26.02.2020
Сообщений: 14

При клике на кнопку меняется значение в атрибуте
<button id="youtube" onClick="youtube()">YouTube</button>

function youtube() {
            button = document.getElementsById('youtube');
            form.action = form.action == "https://www.youtube.com/search";
        }

Есть такой код, я хочу изменить при клике на кнопку значение в теге form атрибуте action на своё. Как это реализовать?
Ответить с цитированием
  #2 (permalink)  
Старый 29.04.2020, 17:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Andrew Kolomiets,
сначала надо кнопку сделать кнопкой (читать про type)
потом выкинуть == и getElementsById

Последний раз редактировалось рони, 29.04.2020 в 17:18.
Ответить с цитированием
  #3 (permalink)  
Старый 29.04.2020, 17:35
Интересующийся
Отправить личное сообщение для Andrew Kolomiets Посмотреть профиль Найти все сообщения от Andrew Kolomiets
 
Регистрация: 26.02.2020
Сообщений: 14

Хорошо, спасибо.
Ответить с цитированием
  #4 (permalink)  
Старый 29.04.2020, 18:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Andrew Kolomiets,
<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<style type="text/css">
form .hide
{
    transform: scale(0);
    transition: 1s;
}
form[action = "https://www.youtube.com/results"] .hide
{
    transform: scale(1);
}
form[action = "https://www.youtube.com/results"] #youtube
{
      display: none;
}
</style>
  <script>
document.addEventListener( "DOMContentLoaded" , function() {
var button = document.getElementById("youtube");
var form = document.querySelector("form")
button.addEventListener("click", function() {
form.action = "https://www.youtube.com/results";

})
  });
  </script>

</head>
<body>
<form action="http://" >
<input name="search_query" value="coub" class="hide">
<button id="youtube"  type="button">YouTube</button>
<button class="hide">search</button>
</form>


</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заполнение поля при клике на кнопку alma95 Общие вопросы Javascript 1 15.08.2015 21:49
При клике на кнопку менять дизайн djonA Общие вопросы Javascript 3 26.05.2015 18:59
При клике на кнопку чтобы курсор не исчезал qwermjk Общие вопросы Javascript 3 28.07.2014 13:01
При клике на ссылку ничего не происходит gurg0n Элементы интерфейса 2 24.06.2013 11:11
Кратное увеличение при клике на кнопку vabus Элементы интерфейса 2 15.04.2013 20:42