problem when using javascript's function (the object does not display as expect)

Question

My purpose is to run play() function first, then pause() function. The last code document.write("</br>You should really pass on the second"); just to test all the code run or not (if it display, the code run ok, right ?).

<!DOCTYPE html>
<html>
<head>
<title>c5vd4</title>
<meta charset="utf-8">
<script type="text/javascript">
var song = {
    name: "Walk This Way",
    artist: "Run-D.M.C.",
    minutes: 4,
    seconds: 3,
    genre: "80s",
    playing: false,
    play function() {
    if (!this.playing) {
    this.playing = true;
    document.write("Playing "+ this.name + " by " + this.artist);
        }
    },
    pause function() {
    if (this.playing) {
    this.playing = false;
    }
    }
}    
song.play();
song.pause();
document.write("</br>You should really pass on the second");
  </script>
  </head>
  </html>

But, when I ran my code, nothing display. Even the last code. Could you please give me some ideas for me with this problem ? Thank you very much.

What does your browser console say? You can use the F12 button in most modern browsers to display developer tools which allow you to see the console and any error messages in the page. I can see a couple of typos in your JavaScript code, the play and pause properties in your song object are missing colons (:). — Hoppeduppeanut
– Hoppeduppeanut, Commented Jun 16, 2021 at 2:05
@Hoppeduppeanut : Thank you for your comment, my console said at line 15 there was an error "Uncaught SyntaxError: Unexpected token 'function'" and when I read all your comments I understood why I had that error. — nguyencuc2286
– nguyencuc2286, Commented Jun 16, 2021 at 9:15

Simone Rossaini · Accepted Answer · 2021-06-15 10:45:19Z

1

You need to use : with pause and play like:

var song = {
  name: "Walk This Way",
  artist: "Run-D.M.C.",
  minutes: 4,
  seconds: 3,
  genre: "80s",
  playing: false,
  play: function() {
    if (!this.playing) {
      this.playing = true;
      document.write("Playing " + this.name + " by " + this.artist);
    }
  },
  pause: function() {
    if (this.playing) {
      this.playing = false;
    }
  }
}
song.play();
song.pause();
document.write("</br>You should really pass on the second");

answered Jun 15, 2021 at 10:45

Simone Rossaini

8,1461 gold badge16 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

problem when using javascript's function (the object does not display as expect)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related