<script src="/js/sql.js"></script>
<script type="text/javascript">
var xhr = new XMLHttpRequest();
xhr.open('GET', '/extras/nanon/vocabulary.sqlite3', true);
xhr.responseType = 'arraybuffer';
var body = document.getElementById('vocab-list');
xhr.onload = function(e) {
var uInt8Array = new Uint8Array(this.response);
var db = new SQL.Database(uInt8Array);
var contents = db.exec("SELECT * FROM words");
contents[0].values.forEach((row) => {
var tr = document.createElement('tr');
/*var id = document.createElement('td');
id.appendChild(document.createTextNode(row[0]))
tr.appendChild(id);*/
var entry = document.createElement('td');
entry.appendChild(document.createTextNode(row[1]))
tr.appendChild(entry);
var role = document.createElement('td');
role.appendChild(document.createTextNode(row[2]))
tr.appendChild(role);
var meaning = document.createElement('td');
meaning.appendChild(document.createTextNode(row[3]))
tr.appendChild(meaning);
body.appendChild(tr);
});
};
xhr.send();
</script>
