i can not figure out the "a" element and how Mohammad Hadi to answer this last question of this quiz

Question

would you please help me in this case

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('WriteTheNewIdHere');"><img src="images/bikeBell.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>

Answer 1 · 2017-10-10T20:06:07Z

October 10, 2017 8:06pm

The function takes no parameters,

function bikeBell() {
      document.getElementById('bikeBell').play();
}

so simply call the function:

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

Cheers.

Welcome to the Treehouse Community

Looking to learn something new?

Mohammad Hadi

Mohammad Hadi

i can not figure out the "a" element and how Mohammad Hadi to answer this last question of this quiz

1 Answer

Martin Zarate

Martin Zarate