첨부 파일 추가 스크립트가 작동하질 않습니다 채택완료

<!-- 첨부파일 -->

<form method="post" enctype="multipart/form-data">

    <div id="file-fields">

        <?php $initial_upload_count = min($file_count, 2); ?>

        <?php for ($i=0; $i < $initial_upload_count; $i++) { ?>

            <div class="bo_w_flie write_div file-field">

                <div class="file_wr write_div">

                    <label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-folder-open" aria-hidden="true"></i><span class="sound_only"> 파일 #<?php echo $i+1 ?></span></label>

                    <input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file">

                </div>

                <?php if($w == 'u' && $file[$i]['file']) { ?>

                    <span class="file_del">

                        <input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i;  ?>]" value="1"> <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')';  ?> 파일 삭제</label>

                    </span>

                <?php } ?>

            </div>

        <?php } ?>

    </div>

    <button type="button" id="add-file">첨부파일 추가</button>

    <div class="btn_confirm write_div">

        <a href="<?php echo get_pretty_url($bo_table); ?>" class="btn_cancel btn">취소</a>

        <button type="submit" id="btn_submit" accesskey="s" class="btn_submit btn">작성완료</button>

    </div>

</form>

 

<script>

document.addEventListener('DOMContentLoaded', function() {

    var maxUploadCount = <?php echo $bo_upload_count; ?>; // 최대 업로드 칸 개수 설정

   

    // 추가 버튼 클릭 시 파일 첨부 칸 추가

    document.getElementById('add-file').addEventListener('click', function() {

        // 현재 추가된 파일 첨부 칸 개수 확인

        var fileFieldCount = document.querySelectorAll('.file-field').length;

 

        // 최대 업로드 칸 개수를 초과하지 않았을 때만 파일 첨부 칸 추가

        if (fileFieldCount < maxUploadCount) {

            var fileFields = document.getElementById('file-fields');

            var fileField = document.createElement('div');

            fileField.classList.add('bo_w_flie', 'write_div', 'file-field');

            fileField.innerHTML = '<div class="file_wr write_div"><label for="bf_file_new" class="lb_icon"><i class="fa fa-folder-open" aria-hidden="true"></i><span class="sound_only"> 새 파일</span></label><input type="file" name="bf_file[]" class="frm_file"></div>';

            fileFields.appendChild(fileField);

        } else {

            alert("더 이상 파일을 추가할 수 없습니다.");

        }

    });

});

</script>