Проблемы с js

Этот скрипт удаляет весь текст с моей кнопки и делает ее зеленым блоком.

function playSound(soundfile) {
  document.getElementById("musicButton").innerHTML =
    "<embed src=\"" + soundfile + "\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}

<button id = "musicButton" class = "button" type = "button" name = "music" onmouseover = "playSound('MySong.wav')">Hover Me For Sick Beats!</button>

Я считаю, что в корне это неправильно. Не устанавливайте встраивание как внутренний HTML-код кнопки. Почему бы не обернуть кнопку элементом контейнера, а затем скрыть кнопку и добавить ее в родительскую оболочку?

— 27.04.2018 20:04

Установка свойства .innerHTML элемента (в данном случае вашей кнопки) приведет к перезаписывать его содержимому.

— 27.04.2018 20:05

Я новичок в js, поэтому не совсем понимаю ..

— 27.04.2018 20:05

Вы берете кнопку с текстом и заменяете этот текст аудиоэлементом. Не делай этого. Положи его в другое место.

— 27.04.2018 20:07

Хорошо, спасибо за совет!

— 27.04.2018 20:08

javascript html css

27.04.2018 20:02

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это избавляет от необходимости иметь какой-либо элемент HTML.

function playSound(soundfile) {
  var audio = new Audio(soundfile);
  audio.play();
}

<button id = "musicButton" class = "button" type = "button" name = "music" onmouseover = "playSound('MySong.wav')">Hover Me For Sick Beats!</button>

27.04.2018 20:07

Другие вопросы по теме

Измените имя класса на новое случайное имя класса

Элемент html sup не работает в браузере Microsoft Edge

Генератор случайных чисел Javascript в диапазоне, ниже и выше заданного диапазона

Не отображается двумерная сетка холста

Как я могу заставить работать ссылки на фрагменты на странице с <base href = "">?

Контрольное пространство между двумя UL в HTML

Радиокнопка для отображения карт Google

Сортировка Ajax по всему массиву

Тема Bootstrap 4 для Wordpress - вертикальное выравнивание не работает

Запускать скрипт javascript, когда нажатие кнопки не работает

Проблемы с js

Ответы 1

Другие вопросы по теме

Похожие вопросы