Für ein Schulprojekt habe ich mit Bootstrap in HTML ein Modal erstellt, in dem es eine Eingabeaufforderung gibt, die ich über Javascript überprüfen muss. Wie kann ich das Modal über Javascript schließen, damit ich die Änderungen einfach speichern kann, wenn die Eingabeaufforderung erscheint? ist gültig. Wenn nicht, werde ich eine Ausnahme auslösen? Kleiner Hinweis (bitte verwenden Sie kein jQuery, ich habe einen ähnlichen Thread gesehen, der diese Bibliothek als Antwort verwendet und die Zuweisung nicht zulässt)

Das ist mein HTML-Code:

<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>

Das ist mein JavaScript-Code:

function bid(){
    let valueOfBid = document.getElementById("bAmount").value;
    if(isNaN(valueOfBid)){
        //Cancel the prompt
    }

    players[realPlayer].bet=valueOfBid;
    changeButtonState(false);
    theTimer();
}