Como faço o seguinte script rodar dentro do HTML?

Front-end JavaScript
#1

Olá, sou iniciante. Estou lendo o livro “Javascript: o guia definitivo”. Como faço para que o resultado de “book.topic” apareça no navegador?

Isso é do livro:

var book = { // Objetos são colocados entre chaves.
topic: "JavaScript", // A propriedade "topic" tem o valor "JavaScript".
fat: true // A propriedade "fat" tem o valor true.
}; // A chave marca o fim do ob

book.topic

O HTML que estou usando é o seguinte:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML Document</title>
</head>
<body>
   
  <script>
  var book = { // Objetos são colocados entre chaves.
topic: "JavaScript", // A propriedade "topic" tem o valor "JavaScript".
fat: true // A propriedade "fat" tem o valor true.

book.topic
};


</script>


</body>
</html>

Não aparece nada no Chrome. Já tentei de várias formas. Se alguém puder ajudar, agradeço.

#2

Para início, vc pode usar o alert:

alert(book);
#3

Provavelmente as varias formas que vc tentou não deram certo porque seu código esta errado. Vc esta colocando book.topic antes de fechar as chaves do objeto.

Eis um exemplo funcional usando o document.write:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>HTML Document</title>
  </head>
  <body>
    <script>
      var book = { topic: 'JavaScript', fat: true };
      document.write(book.topic);
    </script>
  </body>
</html>

Outro jeito seria substituir a linha document.write(book.topic); por alert(book); como sugeriu o @Lucas_Camara.

Mas o legal seria vc pesquisar sobre console.log, que mostra dados no console do navegador. Eis um videos curto mostrando como usar:

1 curtida
#4

Valeu, eu certo. Obrigado!

1 curtida