ｊｓの変数をhtmlファイルで表示したい

jsの変数をhtmlで表示させようと思い下記のコードでやってみたのですがエラー文も何も表示されないのですが、何故表示がされないのかわかりませんでしょうか

index.html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width,initial-scale=1">
6  <meta http-equiv="X-UA-Compatible" content="ie=edge">
7  <title>TODOLIST</title>
8  <link rel="stylesheet" href="../css/desing.css">
9</head>
10<body>
11
12  <span id="aaa"></span>
13  <script type="text/babel" src="../js/index.js"></script>
14</body>
15</html>
16

index.js
1const mongodb = require('mongodb')
2const MongoClient = mongodb.MongoClient
3MongoClient.connect('mongodb://localhost:27017/db', (err, testdb) => {
4  if (err) throw err;
5  const dbName = db.db("testdb");
6  dbName.collection("testdata").find().toArray(function(err, res) {
7    if (err) throw err;
8    var data = res;
9    document.write(data);
10    var aaa=document.getElementById("aaa");
11    var text=document.createTextNode(data);
12    aaa.appendChild(text);
13    db.close();
14  })
15})
16