Почему не работает JavaScript в HTML?

Не работает вроде бы простой скрипт с сайтом, путь указан верно.

HTML - строка подключения

<script  src="script.js"></script>

HTML - описание элемента

<div class="paragraph_team" >
    <div class="button">
        <button id="btn" onclick="readAll()">+</button>
    </div>
    <div class="paragraph_text" id="dn">
        <div class="pt">
            <h4>Badass Features</h4>
            <p id="top">Lorem </p>
            <p id="buttom"><br>Morbi malesuada mi sem. Duis tristique elementum tristique. Sed ac magna quis erat sagittis suscipit. Phasellus faucibus rhoncus massa, non laoreet lorem fringilla non.
            </p>
        </div>
    </div>
</div>

css

#dn {
    display: none;
}

JS

function readAll() {
    var dn = document.getElementByID("dn");
    if(dn.style.display === "none") {
        dn.style.display = "inline";
        btn.innerHTML = "-";
    }
    else {
        dn.style.display = "block";
        btn.innerHTML = "+";
    }
}