Formulaire envoie de mail

<section class="notsend">
            <form action="mail.php" method="get" id="formulaire" name="myForm">

                <h2>Formulaire de contact</h2>

                <div class="ligne"></div>
                
                <div class="form-group">
                    <h3>
                        <input id="nom" type="text" placeholder="Votre Prénom... (3 lettres minimum obligatoire)" name="nom" title="Ecrivez votre prénom"/>
                        <p class="formp notnom"></p>
                    </h3>
                </div>

                <div class="form-group">
                    <h3>
                        <input id="mail" type="email" name="email" placeholder="Adresse mail... (@ et . obligatoire)" name="mail"/>
                        <p class="formp notmail"></p>
                    </h3>
                </div>

                <div class="form-group">
                    <h3>
                        <textarea id="msg" name="text" cols="40" rows="5" placeholder="Message... (facultatif)" name="msg" title="Que voulez-vous ?"></textarea>
                        <p class="formp notmsg"></p>
                    </h3>
                </div>

            </form>

            <button type="submit">Envoyer
                <svg class="send" width="67" height="67" viewBox="0 0 67 67" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M55.8334 11.1665H16.75C13.6708 11.1665 11.1667 13.6706 11.1667 16.7498V30.7082H16.75V22.3332L34.6167 35.7332C35.1001 36.0952 35.6878 36.2908 36.2917 36.2908C36.8956 36.2908 37.4833 36.0952 37.9667 35.7332L55.8334 22.3332V47.4582H33.5V53.0415H55.8334C58.9126 53.0415 61.4167 50.5374 61.4167 47.4582V16.7498C61.4167 13.6706 58.9126 11.1665 55.8334 11.1665ZM36.2917 30.0103L18.6093 16.7498H53.9741L36.2917 30.0103Z" fill="#F8F8F8"/>
                    <path d="M5.58331 33.5H25.125V39.0833H5.58331V33.5ZM11.1666 41.875H27.9166V47.4583H11.1666V41.875ZM19.5416 50.25H30.7083V55.8333H19.5416V50.25Z" fill="#F8F8F8"/>
                </svg>
            </button>
        </section>

const btn = document.querySelector('button');

const nom = document.querySelector('#nom');
const mail = document.querySelector('#mail');
const msg = document.querySelector('#msg');

const notsend = document.querySelector('.notsend');


btn.addEventListener('click', send);

function send(){

    let nomval = nom.value;
    let mailval = mail.value;
    let msgval = msg.value;
    
    const notnom = document.querySelector('.notnom');
    const notmail = document.querySelector('.notmail');
    
    nom.style.border = "5px solid rgba(255, 255, 255, 0)";
    mail.style.border = "5px solid rgba(255, 255, 255, 0)";
    notnom.innerHTML = "";
    notmail.innerHTML = "";
    
    if ( nomval == '' ) {
        nom.style.border = "5px solid red";
        notnom.innerHTML = "Le champs est vide !";
        notnom.style.color = "red";
    } else
    if( mailval == '' ) {
        mail.style.border = "5px solid red";
        notmail.innerHTML = "Le champs est vide !";
        notmail.style.color = "red";
    } else
    if (nomval.length < 2 && nomval.toUperCase() == false) {
        nom.style.border = "5px solid red";
        notnom.innerHTML = "Exemple : Max";
        notnom.style.color = "red";
    }
    const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    if (re.test(String(mailval).toLowerCase()) == false) {
        mail.style.border = "5px solid red";
        notmail.innerHTML = "Exemple : exemple@gmail.com";
        notmail.style.color = "red";
    } else {

        let sendmail = document.querySelector('.send');
        
        btn.textContent = "Merci !";

        btn.appendChild(sendmail);

        let infoval = [nomval + msgval];

        mailval.open('mailto:aruby9905@gmail.com');

        console.log(allval);

        /* sendmail.animate([
            // keyframes
            { left: '20%' },
            { right: '100%' }
          ], {
            // timing options
            duration: 1000,
            iterations: 1
          }); */
    }
}