Javascript를 사용하여 Bootstrap(5.2) 모달을 닫는 방법은 무엇입니까?

Question

학교 프로젝트를 위해 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>

Answer 1

모달을 꺼야 하는 요소에 이것을 추가할 수 있습니다...

으아아아

다음 패턴은 검색어 및 사용자 일치 항목을 기반으로 링크 목록을 생성합니다.

라우터 링크 중 하나를 클릭하면 해당 라인으로 인해 모달이 꺼집니다

으아아아

위 코드는 모달로 생성되었습니다 -> 전체 내용은 다음과 같습니다

으아아아

Answer 2

이것을 시도해 보세요. 내 코드를 코드 베이스에 추가하기 전에 isNaN(valueOfBid) 更改为 valueOfBid == ""를 추가하는 것이 좋습니다.

으아아아