Ошибка при попытке привязать несколько событий шаблона Meteor

У меня есть 2 следующих шаблона, к которым я пытаюсь привязать функции. Как видите, это простое приложение для добавления объектов с именами и оценками в свою mongoDB.

Вот HTML-файл:

<head>
  <title>Leaderboard</title>
</head>
<body>
  <h1>Leaderboard</h1>
  {{> leaderboard}}
  <br /><br />
  {{>addPlayerForm}}
</body>

<template name = "leaderboard">
  <ul>
    {{#each player}}
    <li class = "player {{selectedClass}}"> {{name}} : {{score}} </li>
    {{/each}}
  </ul>
  <ul>
    {{#if showSelectedPlayer}}
    <li> Selected Player: {{showSelectedPlayer.name}} </li>
    {{/if}}
  </ul>
  <input type = "button" class = "increment" value = "Give 5 Points"/>
  <input type = "button" class   = "decrement" value = "Minus 5 Points"/>
</template>
<template name = "addPlayerForm">

  <form class = "add-form">
    <input type = "text" name = "PlayerName" placeholder = "Add player name here" />
    <input type = "submit" name = "Add Player" />
  </form>
</template>

Полный файл JS:

PlayersList = new Mongo.Collection('Players');
console.info(PlayersList);

if (Meteor.isClient){
  Template.leaderboard.helpers({
    'player': function(){
        return PlayersList.find( )
    },
    'selectedClass':function(){
      var playerId=this._id;
      var selectedPlayer=Session.get('selectedPlayer');
      if (playerId==selectedPlayer){
        return "selected"
      }
    },
    'showSelectedPlayer':function(){
      var selectedPlayer = Session.get('selectedPlayer');
      return PlayersList.findOne(selectedPlayer)
      }
  });
  Template.leaderboard.events({
    'click .player':function(){
      var playerID = this._id; //this refer to the current context:playerclicked
      Session.set('selectedPlayer', playerID);
      var selectedPlayer = Session.get('selectedPlayer');
      console.info(selectedPlayer);
    },
    'click .increment':function(){
    var selectedPlayer = Session.get('selectedPlayer');
    PlayersList.update(selectedPlayer,{$inc:{score:5}});
    },
    'click .decrement':function(){
    var selectedPlayer = Session.get('selectedPlayer');
    PlayersList.update(selectedPlayer,{$inc:{score:-5}});
    }
  });
  Template.addPlayerForm.events({
    'submit form': fucntion(event){
      event.preventDefault();
      var PlayerNameVar = event.target.PlayerName.value;
      console.info(PlayerNameVar);
      PlayersList.insert({
        name:PlayerNameVar,
        score:0
      });
    }
  });
}
if (Meteor.isServer){
  console.info("Hello Server!");
}

Это ошибка:

While processing files with ecmascript (for target web.browser): main.js:38:34: Unexpected token, expected "," (38:34)
While processing files with ecmascript (for target os.windows.x86_32): main.js:38:34: Unexpected token, expected "," (38:34)

Строка 38 находится в Template.addPlayerForm.events:

'submit form': fucntion(event){

'submit form': fucntion(event){ - опечатка - функция вместо функции

— 25.03.2018 07:25

@Ankit Большое спасибо !! Как я слеп, чтобы пропустить это

— 25.03.2018 09:39

javascript html meteor web

25.03.2018 04:52

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Как выяснил Ankit, вам нужно исправить опечатку. Это function, также я предлагаю вам использовать такие редакторы, как Возвышенный, Атом или VS КОД, чтобы избавиться от таких опечаток.

Спасибо!! По иронии судьбы я использую Atom, но, полагаю, это все еще происходит из-за отсутствия опыта. В любом случае я оставлю это для новичков, таких как я, в качестве справки.

— 25.03.2018 09:41

25.03.2018 08:13