학교 프로젝트를 위해 HTML에서 부트스트랩을 사용하여 모달을 만들었습니다. 여기에는 자바스크립트에서 확인해야 하는 프롬프트가 있습니다. 프롬프트가 표시되면 변경 사항을 저장할 수 있도록 자바스크립트에서 모달을 어떻게 닫을 수 있습니까? 유효하지 않은 경우 예외가 발생합니까? 작은 참고 사항(jQuery를 사용하지 마십시오. 이 라이브러리를 할당을 허용하지 않는 응답으로 사용하는 유사한 스레드를 봤습니다.)

이것은 내 HTML 코드입니다:

이것은 내 JavaScript 코드입니다:

<div class="modal fade" id="bidModal" tabindex="-1" aria-labelledby="bidModal" aria-hidden="true">
        <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="bidModalLabel">Bid amount</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p class="text" id="prompted">How much do you want to bet?</p>
                <div class="input-group mb-2">
                    <input id="bAmount" type="text" class="form-control text" aria-label="Amount of bet">
                    <span class="input-group-text">€</span>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancel bid</button>
                <button type="button" onClick="bid()" class="btn btn-success">Save bid</button>
            </div>
        </div>
        </div>
    </div>