Это длинный: 3 части моей простой веб-страницы перестали работать, и я не знаю почему?

Question

Я создаю простую веб-страницу, и 3 части моего кода сейчас не работают, хотя они просто были, и я не уверен, почему. 1) перестала работать кнопка (кнопка изменения стиля) 2) пропали два текстовых поля 3) массив предложений не отображается.

<p id="FontFamily">Change Style</p>

<button id='FontFamily'>Change Style!</button>

<script>
    document.getElementById('FontFamily').onclick = changeFontFamily;
    var currentFontFamily = "Monaco"

    function changeFontFamily() {
        if (currentFontFamily == "Monaco") {
            document.body.style.fontFamily = "Times New Roman";
            currentFontFamily = "Times New Roman"
        } else {
            document.body.style.fontFamily = "Monaco";
            currentFontFamily = "Monaco"
        }
        return currentFontFamily
    }

    }
</script>

    <p4>Calculate Two Fields</p4>
<p4 id="answer"></p4>
    <br>
    <br>

    Number 1<input type="text" id="num1"
    <br>
    <br>
    Number 2<input type="text" id="num2"
    <br>
    <br>
    <button onclick="calculate()">Calculate</button>

    <script>

        function calculate()
        {
            var field1=document.getElementById(num1).value;
            var field2=document.getElementById(num2).value;

            var result=parseFloat(field1)+parseFloat(field2)

            if(!isNaN(result))

            {
            document.getElementById("answer").innerHTML="The answer is "+result;

        }


    </script>

<script>
    var words = {
        work: "Select",
        noun: " menu",
        where: " below!",

    }


    document.getElementById("sentance2").innerHTML =
        words.work + " from " +  " the " words.noun + + words.where;


</script>
```

Надеюсь, это дает некоторую ясность, я пытался разбить это как можно больше!