pied_de_page_avec_note.js

const env=document.querySelector("button#envoie"),nn=document.getElementById("noten"),nd=document.getElementById("noted"),suppr=document.querySelector("div.supprimable"),app=document.querySelector("div.apparition"),label=document.getElementById("label"),ImgMail=document.getElementById("centre__illusration_comique"),lienMail=document.getElementById("lien_mail"),btnMail=document.querySelector("a#btn_mail");function animation(){Number(nn.value)<=Number(nd.value)&&Number(nn.value)>0&&Number(nd.value)>0||0===Number(nn.value)&&"0"===nn.value&&Number(nd.value)>0?env.classList.add("bon"):env.classList.add("mauvais")}function finAnimation(){env.classList.remove("bon"),env.classList.remove("mauvais")}function envoie(){if(Number(nn.value)<=Number(nd.value)&&Number(nn.value)>0&&Number(nd.value)>0||0===Number(nn.value)&&"0"===nn.value&&Number(nd.value)>0){let n=Number(nn.value)/Number(nd.value);function e(e){suppr.style.display="none",app.style.display="block";const n='<p class="centre immense">'+e+"</p>";app.insertAdjacentHTML("afterBegin",n),btnMail.href="mailto:lycee@armand.giauffret.com?subject=Note%20du%20projet%20informatique&body=Ta%20note%20est%20de%20"+nn.value+"%2F"+nd.value+".%20Bonne%20continuation%20!%0A"}"0"===nn.value||n<=.25?e("&#x1F62D;"):n<=.5?e("&#x1F630;"):n<=.75?e("&#x1F625;"):n<1?e("&#x1F601;"):1===n?e("&#x1F973;"):faux()}else faux()}function faux(){""===nn.value||""===nn.value?alert("Veuillez comléter entièrement le formulaire"):Number(nn.value)>Number(nd.value)?alert("Merci c'est très gentil 😄, mais soyez réaliste"):alert("Veuillez entrer une valeure correcte"),verif()}function verif(){Number(nn.value)<=Number(nd.value)&&Number(nn.value)>0&&Number(nd.value)>0||0===Number(nn.value)&&"0"===nn.value&&Number(nd.value)>0?(nn.classList.remove("red"),nd.classList.remove("red"),label.classList.remove("red"),nn.classList.add("green"),nd.classList.add("green"),label.classList.add("green")):(nn.classList.remove("green"),nd.classList.remove("green"),label.classList.remove("green"),nn.classList.add("red"),nd.classList.add("red"),label.classList.add("red")),nn.addEventListener("input",(()=>{Number(nn.value)<=Number(nd.value)&&Number(nn.value)>0&&Number(nd.value)>0||0===Number(nn.value)&&"0"===nn.value&&Number(nd.value)>0?(nn.classList.remove("red"),nd.classList.remove("red"),label.classList.remove("red"),nn.classList.add("green"),nd.classList.add("green"),label.classList.add("green")):(nn.classList.remove("green"),nd.classList.remove("green"),label.classList.remove("green"),nn.classList.add("red"),nd.classList.add("red"),label.classList.add("red"))})),nd.addEventListener("input",(()=>{Number(nn.value)<=Number(nd.value)&&Number(nn.value)>0&&Number(nd.value)>0||0===Number(nn.value)&&"0"===nn.value&&Number(nd.value)>0?(nn.classList.remove("red"),nd.classList.remove("red"),label.classList.remove("red"),nn.classList.add("green"),nd.classList.add("green"),label.classList.add("green")):(nn.classList.remove("green"),nd.classList.remove("green"),label.classList.remove("green"),nn.classList.add("red"),nd.classList.add("red"),label.classList.add("red"))}))}function ImgMailf(){(Number(nn.value)<=Number(nd.value)&&Number(nn.value)>0&&Number(nd.value)>0||0===Number(nn.value)&&"0"===nn.value&&Number(nd.value)>0)&&(ImgMail.href="mailto:lycee@armand.giauffret.com?subject=Note%20du%20projet%20informatique&body=Ta%20note%20est%20de%20"+nn.value+"%2F"+nd.value+".%20Bonne%20continuation%20!%0A")}function lienMailf(){(Number(nn.value)<=Number(nd.value)&&Number(nn.value)>0&&Number(nd.value)>0||0===Number(nn.value)&&"0"===nn.value&&Number(nd.value)>0)&&(lienMail.href="mailto:lycee@armand.giauffret.com?subject=Note%20du%20projet%20informatique&body=Ta%20note%20est%20de%20"+nn.value+"%2F"+nd.value+".%20Bonne%20continuation%20!%0A")}env.addEventListener("click",envoie),env.addEventListener("mouseover",animation),env.addEventListener("mouseout",finAnimation),document.addEventListener("keyup",(e=>{"Enter"===e.key&&envoie()})),ImgMail.addEventListener("click",ImgMailf),lienMail.addEventListener("click",lienMailf);