如何仅在选中复选框时显示文件内容？

<input type="checkbox" id="showContentCheckbox">显示文件内容<br>
<div id="fileContent" style="display: none;">
    这里是文件的内容。
</div>

const showContentCheckbox = document.getElementById("showContentCheckbox");
const fileContent = document.getElementById("fileContent");

showContentCheckbox.addEventListener("change", function() {
    if (showContentCheckbox.checked) {
        fileContent.style.display = "block";
    } else {
        fileContent.style.display = "none";
    }
});