Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Treehouse Club: JavaScript Car Sounds Changing Keywords

Posted by Daniel Holmes
Daniel Holmes
2,765 Points

java script

I am having trouble getting past this challenge I have done what they ask but it comes back wrong

index.html 
<!DOCTYPE html>
<html lang="en">

  <head>
  <meta name="charset" value="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=0.5, minimal-ui">
    <title>Car Sounds</title>

    <!--Style Sheet link-->
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>

  <body>

    <!--Car image -->
    <img src="images/bike.png" class="car" alt="car">


    <!--Button-->
    <a href="javascript:bikeBell();"><img src="images/bikeLock.png" alt="key"></a>


    <!--Audio Files-->
    <audio id="bikeBell" src="sounds/bikeBellA.mp3" preload="auto"></audio>


    <!--Javascript-->
    <script type="text/javascript">
        function startCar() {
            document.getElementById('startCar').play();
        }

    </script>

  </body>

</html>

3 Answers

Vance Rivera
Vance Rivera
18,322 Points
Vance Rivera
Vance Rivera
18,322 Points

I just ran through the quiz myself and everything there is working fine. The first thing I did notice when i came back to your code was the misspelled src value you are using for the audio tag. The src should be "sounds/bikeBell.mp3" not "sounds/bikeBellA.mp3". Key thing is to make sure you are spelling variables and values in your code correctly syntax and spelling is very important in coding. Usually the first and easiest thing to check is spelling which in this case seems to be the culprit.

Cheers!

rdaniels
rdaniels
27,258 Points
rdaniels
rdaniels
27,258 Points

Your code should look like this:

<!DOCTYPE html>
<html lang="en">

  <head>
  <meta name="charset" value="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=0.5, minimal-ui">
    <title>Car Sounds</title>

    <!--Style Sheet link-->
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>

  <body>

    <!--Car image -->
    <img src="images/bike.png" class="car" alt="car">


    <!--Button-->
    <a href="javascript:bikeBell();"><img src="images/bikeLock.png" alt="key"></a>


    <!--Audio Files-->
    <audio id="bikeBell" src="sounds/bikeBell.mp3" preload="auto"></audio>


    <!--Javascript-->
    <script type="text/javascript">
        function bikeBell() {
            document.getElementById('bikeBell').play();
        }

    </script>

  </body>

</html>

I did the challenge and passed all four steps... Hope this helps!

Daniel Holmes
Daniel Holmes
2,765 Points
Daniel Holmes
Daniel Holmes
2,765 Points

Thanks got it

rdaniels
rdaniels
27,258 Points
rdaniels
rdaniels
27,258 Points

Glad to help out! Any time!!