I am working on a pyg-llatin translator but all im trying to do at this stage is get it to change the text of whats inside the p tag to what is typed in the textbox but when I press the button nothing happens.

HTML:

```js
var word

function translateWord() {
  getWord();
  outputWord();
  alert("test");
}

function getWord() {
  word = Document.getElementById("wordIn").value
}

function outputWord() {
  Document.getElementById("wordOut").innerHTML = word;
}
```

```html
<!doctype html>

<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Pig Latin Translator</title>

</head>

<body>
  <script src="JS/Translator.js"></script>
  <h1>Pig Latin Translator</h1>
  <br>
  <form>
    <input type="text" id="wordIn">
    <button type="button" name="Translate" onclick="translateWord()">Translate</button>
    <p id="wordOut">-</p>

  </form>

  <br>

</body>

</html>
```