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 Editing Your HTML

Posted by Clayton Bowland
Clayton Bowland
2,874 Points

images

"images/bikeLock.png". still not working and the colors are different

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:startCar();"><img src="images/key.png" alt="key"></a>


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


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

    </script>

  </body>

</html>

1 Answer

nico dev
nico dev
20,364 Points
nico dev
nico dev
20,364 Points

Hi ,

This bit:

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

... is where you'll find the button. What the 2nd part of the challenge is asking you is to change the button image (<img>) to images/bikeLock.png.

Does that help clarify it?

nico dev
nico dev
20,364 Points
nico dev
nico dev
20,364 Points

Also notice that you have an extra period (.) after the src attribute of the first image, here:

<img src="images/bike.png". class="car" alt="car">

Whereas that may not give you trouble with this challenge, you may still want to remove it as sometimes they can become buggy. :)

Clayton Bowland
Clayton Bowland
2,874 Points

yes,that works and thank you.