おみくじアプリをいじってブラウザ版輪廻ゲームを書いたけど、走らせ方がわからない

CODEPREPのを盗用した。htmlをブラウザで表示させるのはできるんだけど、それ以外と組み合わせられない。ツールとかインストールしないといけないのだろうか。
index.html

<!DOCTYPE html>
<html lang="ja">
  <head> 
  <meta charset="UTF-8">
    <title>HTML+CSS</title>
    <link rel="stylesheet" type="text/css" href="main.css">
    <script src="main.js"></script>
  </head>
  <body>
    <div id="rinne">
      <h1>輪廻</h1>
      <p id="output">あなたの来世…？</p>
      <input type="button" id="btn" value="死">
    </div>
  </body>
</html>


main.css

#rinne > #output > h2 {
  font-size: 70px;
  font-family: serif;
  margin: 0;
  text-shadow: 0 -1px 0 #222;
}

#rinne > #output > p {
@charset "UTF-8";

#rinne {
  text-align: center;
  width: 294px;
  background-color: #EDA;
  border: 3px double #990;
}

#rinne > h1 {
  color: #630;
  font-family: serif;

  font-size: 15px;
  font-family: serif;
  margin: 0;
}

#rinne > #output {
  background-color: #C00;
  color: #FFF;
  margin: 10px auto;
  padding: 5px;
}

#rinne > #btn {
  background: #740;
  border: 0;
  color: #FFF;
  cursor: pointer;
  font-size: 20px;
  font-family: serif;
  margin: 10px auto 20px auto;
  padding: 5px 20px;

}

#rinne > #btn:hover {
  background: #960;
}

#rinne > #btn:active {
  background: #630;
}


main.js

window.onload = function(){
var spieces = ["ヒト","ヒグマ","センチニクバエ","ヒトスジシマカ","アカウシアブ", "チャバネゴキブリ", "チンパンジー","イエネコ","オオバコ","AI"];
var message, random_spieces;
var btn = document.getElementById("btn");
var output = document.getElementById("output");
}

btn.onclick = function(){
  random_spieces = spieces[ Math.floor( Math.random() * spieces.length ) ];
    if(random_spieces=="ヒト"){
	if(Math.random()<0.33){
	  message="<h2>解脱</h2>";
	  output.innerHTML = message;
	  btn.remove();
	}
    }else{
      message = "<h2>" + random_spieces + "として生まれる</h2>";
      output.innerHTML = message;
    }
}