problems moving forward

Question

with this code where am I going wrong

I did it for the audio files

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/bikeLock.png" alt="key"></a>


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


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

    </script>

  </body>

</html>

Answer 1 · 2015-11-14T00:38:19Z

November 14, 2015 12:38am

I believe the first step of the challenge was to change the name of the function, not the ID

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

Then move on to all the next steps.

Also, in the ID that you changed in your code, the "bikeBell" has a '.' in the end that should not be there (but that comes later in the challenge.

Welcome to the Treehouse Community

Looking to learn something new?

Daniel Holmes

Daniel Holmes

problems moving forward

1 Answer

Falk Schwiefert

Falk Schwiefert