Mail.ru
Почта
Мой Мир
Одноклассники
ВКонтакте
Игры
Знакомства
Новости
Календарь
Облако
Заметки
Все проекты
Все проекты
выход
Регистрация
Вход
Категории
Все вопросы проекта
Компьютеры, Интернет
Темы для взрослых
Авто, Мото
Красота и Здоровье
Товары и Услуги
Бизнес, Финансы
Наука, Техника, Языки
Философия, Непознанное
Города и Страны
Образование
Фотография, Видеосъемка
Гороскопы, Магия, Гадания
Общество, Политика, СМИ
Юридическая консультация
Досуг, Развлечения
Путешествия, Туризм
Юмор
Еда, Кулинария
Работа, Карьера
О проектах Mail
Животные, Растения
Семья, Дом, Дети
Другое
Знакомства, Любовь, Отношения
Спорт
Золотой фонд
Искусство и Культура
Стиль, Мода, Звезды
Полный список
Спросить
Лидеры
Поиск по вопросам
Ответы Mail
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Вопросы - лидеры.
Чем Луа лучше Пайтона и наоборот? Буду использовать в целях написания сценариев.
1 ставка
Как загрузить собственный символ в VFD дисплей POS-VFD-RS232?
1 ставка
Лидеры категории
Лена-пена
Искусственный Интеллект
М.И.
Искусственный Интеллект
Y.Nine
Искусственный Интеллект
•••
Почему не изменяется фон через функцию при нажатии кнопки. Html
Артем Ерменко
Ученик
(103), на голосовании
6 месяцев назад
Песня включается без всяких проблем, а вот фон не хочет меняться.
<body>
<button onclick="playAudio(), changeBackground()" class="button">TEXT</button>
<audio id="myAudio" controls style="display: none;">
<source src="Blessed - Sorrows.mp3" type="audio/mpeg">
</audio>
<script>
function playAudio() {
var audio = document.getElementById("myAudio");
audio.play();
var button = document.querySelector('.button');
button.classList.add('clicked');
button.style
.animation = 'shrink 0.5s forwards';
}
</script>
<script> function changeBackground() {
document.getElementById("background").style.backgroundImage = "url('
https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExdjVoY2RmenA1NHJndTA0dGh6NGFkc3U1OXM5MnBuYzV2MnoyZXcxdSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/xT0BKJuNFETM346C52/giphy.gif
')";
}
</script>
</body>
Голосование за лучший ответ
франциск 1
Просветленный
(24678)
8 месяцев назад
Забыл дать id элементу
Артем Ерменко
Ученик (103)
8 месяцев назад
я только начинаю что-то делать в html, не могли бы вы показать куда id "всунуть"?
франциск 1
Просветленный (24678)
8 месяцев назад
Артем Ерменко
Ученик (103) франциск 1, в 1ю строчку вписал, но всё по прежнему не работает...
Артем Ерменко
Ученик (103)
8 месяцев назад
а, всё работает, спасибо огромное!
Похожие вопросы
<body>
<button onclick="playAudio(), changeBackground()" class="button">TEXT</button>
<audio id="myAudio" controls style="display: none;">
<source src="Blessed - Sorrows.mp3" type="audio/mpeg">
</audio>
<script>
function playAudio() {
var audio = document.getElementById("myAudio");
audio.play();
var button = document.querySelector('.button');
button.classList.add('clicked');
button.style .animation = 'shrink 0.5s forwards';
}
</script>
<script> function changeBackground() {
document.getElementById("background").style.backgroundImage = "url(' https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExdjVoY2RmenA1NHJndTA0dGh6NGFkc3U1OXM5MnBuYzV2MnoyZXcxdSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/xT0BKJuNFETM346C52/giphy.gif ')";
}
</script>
</body>