Почему не работает Javascript в моих тегах скриптов?

Я изучаю javascript и практикуюсь с обработчиками событий. Я написал правильный код (я уверен ...) для воспроизведения mp3 при нажатии кнопки (button1).

Я пробовал поставить код в начале. Я проверил, правильно ли я ввел путь для mp3. Я попытался удалить какие-то ненужные 2 строки обработчиков событий в середине скрипта. Я не знаю, что происходит! Может кто поможет?

<head>
</head>

<body>
<div><button id = "button1" onclick = "playMusic()">MUSIC</button>
<span><button id = "button2">VIDEOS</button></span>
<span><button id = "button3">PICTURES</button></span></div>
<div><button id = "button4">BRAIN GAMES</button>
<span><button id = "button5"><a 
href = "C:\Users\sared\Documents\Vegas\message.html">TALK TO FAMILY</a> 
</button></span>
<span><button id = "button6">STORIES</button></span></div>


<script>

    var item = document.getElementById("button1");
    var music = new Audio("C:\Users\sared\Documents\baccara.mp3");

    item.addEventListener("click", playMusic, false);
    item.addEventListener("dblclick", stopMusic, false);

    function playMusic() {
       music.play();
    }

    function stopMusic() {
       music.stop();
    }

    </script>

Всегда проверяйте консоль браузера на наличие ошибок, прежде чем спрашивать, почему что-то не работает. var music = new Audio("C:\Users\sared\Documents\baccara.mp3"); определенно ошибочен, одиночные обратные косые черты перед неэкранирующими символами будут просто проигнорированы, и JS в любом случае не может получить доступ к такой файловой системе.

— 31.12.2018 04:44

Я тебя люблю!! Большое спасибо <3

— 31.12.2018 04:47

javascript html dom mp3

31.12.2018 04:41

Поведение ключевого слова "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

Вам нужно избегать обратной косой черты - \ нарушит ваши пути к файлам. Измените \ на \\, и он должен работать. Имейте в виду, что JavaScript обычно не может получить доступ к локальной файловой системе, как это.

<a href = "C:\Users\\sared\\Documents\\Vegas\\message.html">TALK TO FAMILY</a>

JS:

var music = new Audio("C:\Users\\sared\\Documents\\baccara.mp3");

В зависимости от ресурса вы можете использовать file:///C:/Users/sared/Documents/baccara.mp3.

— 02.01.2019 20:55

31.12.2018 04:53

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

Как исправить элемент холста HTML и его координаты для разных размеров экрана?

Показывать ползунок сова-карусель в зависимости от общего количества записей?

Приложение Flask IMAP, извлекающее ненужные и неправильные символы

Как увеличить изображение с помощью JavaScript?

Как установить строку внутри функции (щелчка)

Используя JavaScript. Нужно найти вершину и ось симметрии

Попытка установить элемент span, равный значению переменной в JS Rock, Paper, Scissors Game

Запретить форму Javascript использовать данные обратно при нажатии кнопки "Назад"

Как можно использовать css для выбора в Safari в том же Chrome

Как переместить каждую li вверх с помощью наведения и отступов

Почему не работает Javascript в моих тегах скриптов?

Ответы 1

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

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