Uncaught SyntaxError: Unexpected tokenが表示される原因について

前提・実現したいこと

javascriptを利用して、mouseover時にCSSを適用させたい。

発生している問題・エラーメッセージ

Uncaught SyntaxError: Unexpected token {

該当のソースコード

html
1<header>
2<div class="headerWrap">
3　<h1>Team名</h1>
4　　<nav>
5　　　<ul class="clearfix">
6　　　　<li id="navTarget" ><a href="#">Top<br><span>Topページ</a></li>
7　　　　<li id="navTarget" ><a href="#">Team<br><span>チームについて</a></li>
8　　　　<li id="navTarget" ><a href="#">Member<br><span>メンバー紹介</a></li>
9　　　　<li id="navTarget" ><a href="#">Contact<br><span>お問い合わせ</a></li>
10　　　</ul>
11　　</nav>
12</div>
13</header>
14...以下略
15
16<script src="js/main.js"></script>
17</body>

javascript
1(functioon() {
2	'use strict';
3
4	var navigator = document.getElementById('navTarget'); //navTarget要素を取得
5
6	navTarget.addEventListener('mouseover', function(){ //navHoverクラスを適用
7		this.className = 'navHover';
8	});
9	navTarget.addEventListener('mouseleave', function(){ //navHoverクラスを外す
10		this.className = '';
11	});
12
13})();