未调用所需的 function 来满足 javascript 中的条件（提交表单时）

Question

here's my form in html:

<div id="compose-view">
    <h3>New Email</h3>
    <form id="compose-form">
        <div class="form-group">
            From: <input disabled class="form-control" value="{{ request.user.email }}">
        </div>
        <div class="form-group">
            To: <input id="compose-recipients" class="form-control">
        </div>
        <div class="form-group">
            <input class="form-control" id="compose-subject" placeholder="Subject">
        </div>
        <textarea class="form-control" id="compose-body" placeholder="Body"></textarea>
        <input id="compose-button" type="submit" value="SEND" class="btn btn-primary"/>
    </form>
    </div>
{% endblock %}

here are two of my functions in the script file:

document.addEventListener(
    "DOMContentLoaded",
    function send_email(){
        const msg = document.querySelector("#message")
        const form = document.querySelector('#compose-form');
        form.addEventListener("submit", () => {
        const recipients = document.querySelector('#compose-recipients').value;
        const subject = document.querySelector('#compose-subject').value;
        const body = document.querySelector('#compose-body').value;
        console.log(recipients);
        //sending a post request for sending email
        fetch('/emails', {
            method: 'POST',
            body: JSON.stringify({
            recipients: recipients,
            subject: subject,
            body: body
            })
         })
         .then(response => response.json())
         .then(result => {
         // Print result
         if (result.status == 201){
         //the mail was sent successfully, load sentbox
            load_mailbox('sent');
         }

         else{
             //display what error occurred while sending the email
             msg.innerHTML = `<div class="alert alert-danger" role="alert">
        ${result.error}
      </div>`;
          }
          console.log(result);
          console.log("message" in result);
          console.log("error" in result);
              })
          .catch(error => {
              // in case an error has occurred
              console.log(error);
              });
           });
           // even if i call the function without any condition it won't do anything
           //load_mailbox('sent');
       });

the function which i am talking about is load_mailbox('sent')

if (result.status == 201){ //the mail was sent successfully, load sentbox load_mailbox('sent'); }

but this function isn't called at the end what is going wrong here?

Answer 1

Try to change to:

if (parseInt(result.status) === 201)