keep getting an error in my displayMovieName(); function help

Question

<!DOCTYPE html>
<html>
  <head>
      <title></title>
  </head>
  <body>
      <header>
          <h1>Movie Rating Game</h1>
      </header>

      <div>

          <h2 id="movie_title"></h2>

          <div>
               Enter your Name and start game:
               <input id="playerName" type="text" name="name">
               <input type="submit" value="Submit" onclick="collectName()">
          </div>

      </div>

  </body>

   <script >
      / Define playerName as Null //
    var playerName = null;

    // Define collectName Function //
    var collectName = function(){

        // Set Player Name equal to Input Value #playerName //
      playerName = document.getElementById('playerName').value;

      displayMovieName();
    }


    function movie(name,rating,image){      
        this.name=name
        this.rating=rating
        this.image=image
}


manOfSteel = new movie('Man of Steel','3/5','images/mos.jpg')


function displayMovieName(){
 var element = document.getElementById('movie_title')
     element.innerHTML = manOfSteel.name; // getting an error here not sure why
}     

  </script>
</html>

Answer 1 · 2017-10-17T17:10:03Z

October 17, 2017 5:10pm

At the very beginning of your script, you are missing one '/' for the comment:

   <script >
      // Define playerName as Null //
    var playerName = null;

Cheers.

Welcome to the Treehouse Community

Looking to learn something new?

olu adesina

olu adesina

keep getting an error in my displayMovieName(); function help

1 Answer

Martin Zarate

Martin Zarate