Problema em js e html

Front-end
#1

Boa noite a todos, eu criei um objeto java script e não estou consrguindo fazer o código rodar n html. A

m ideia era criar este objeto e carrega as sua propiedade arrya em um parágrafo mas esta sando erro

e vim pedir um help de vocês. O código é este:

(simples.js)

var dog={

name:"Fido",

likes:["Walks", "Fetching Ball"],

weight:50,

breed:"mixed"

showLikes:function(){

for(var i=0; i<this.likes.length; i++){

return this.likes[i];

}	


 }

};

function init(){

var p=document.getElementById("verification").innerHTML=dog.showLikes;

}

e o html ficou assim:

(simples.html)

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Simples Teste</title>

<script type="text/javascript" src="simples.js"></Script>    

<h1>Avaliable Process</h1>

<p id="verification"></p>

O erro é este:simples.js:12 Uncaught SyntaxError: Unexpected identifier esta na linha 12 do m código.

J tentei de tudo sem resultado positivo por isso ajuda a todos q puderem. Obrigado

#2

Faltou uma virgula no final desta linha:

breed:"mixed"

Fora isso, em algum lugar vc precisa invocar a função init.

E também o seu <script> está no <head> ou no <body>? Se estiver no <head> vai dar erro porque quando o script for executado, o paragrafo ainda não existirá. Um jeito de lidar seria colocá-lo no finalzinho do seu <body>, logo antes da tag de fechamento.