返り値の記入場所と関数呼び出しについて

以下のようなランダムの値を取得し、他のWebページに取得した値を表示するプログラムを作成しましたがエラーで進みません。どこが間違っているのかもわからずに困っています。
どなたか、回答お願い致します。エラー内容はdocument.write("<div>"+movie1+":"+movie2"</div>");の部分の)のシンタックスエラーです。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <title>index</title>
6</head>
7
8<body>
9  <input type="button" value="開始" onclick="location.href='answer.html'; movie(movie1, movie2)">
10
11  <script src="js/jquery-3.4.1.min.js"></script>
12  <script src="js/index.js"></script>
13</body>
14
15</html>

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <title>answer</title>
6</head>
7
8<body>
9
10  <script src="js/jquery-3.4.1.min.js"></script>
11  <script src="a.js"></script>
12</body>
13
14</html>

JavaScript
1function rand() {
2  let movieList = [0, 1, 2, 3, 4, 5, 6];
3  var movie1, movie2;
4
5  // 組み合わせの用意
6  let movieComb = [];
7  for (let i = 0; i < movieList.length; i++) {
8    for (let j = 0; j < movieList.length; j++) {
9      if (movieList[i] !== movieList[j]) {
10        movieComb.push([movieList[i], movieList[j]]);
11      }
12    }
13  }
14
15  // シャッフルする
16  for (let i = movieComb.length - 1; i > 0; i--) {
17      const r = Math.floor(Math.random() * (i + 1));
18      const tmp = movieComb[i];
19      movieComb[i] = movieComb[r];
20      movieComb[r] = tmp;
21  }
22
23  // 取り出す
24  for (let i = 0; i < movieComb.length; i++) {
25      movie1 = movieComb[i][0];
26      movie2 = movieComb[i][1];
27      return movie1, movie2;
28  }
29}
30var movie1, movie2 = rand();
31
32function movie(movie1, movie2) {
33  document.write("<div>"+movie1+":"+movie2"</div>");
34}

また、下記の部分を編集して実行した結果、1個目の引数が渡されていないのはどうしてでしょうか？

JavaScript
1  // 取り出す
2  for (let i = 0; i < movieComb.length; i++) {
3      movie1 = movieComb[i][0];
4      movie2 = movieComb[i][1];
5      console.log(movie1);
6      console.log(movie2);
7      return movie1, movie2;
8  }
9}
10var movie1, movie2 = rand();
11console.log(movie1);
12console.log(movie2);