Javascript를 사용하여 Bootstrap(5.2) 모달을 닫는 방법은 무엇입니까?
학교 프로젝트를 위해 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>