Page 1 sur 1

comment ajouter du style css dans un code javascript

Posté : 03 avr. 2021, 18:57
par flexi2202
bonjour a tous

j ai ce code dans lequel je souhaiterais par exemple que le message d erreur affiche
puisse être en couleur rouge sur fond jaune
Vous devez cocher au moins une case dans la meteo et dans les esches utilisees

merci de l aide

Code : Tout sélectionner

<script> //on selectionne notre form sur lequel on souhaite écouter les évenements const formulaire = document.querySelector('#sectionForm'); //si on clic sur "Envoyer" on vérifi si il y a un minimum de case cochées: formulaire.onsubmit = function(){ if(verifier_si_cochee('technique[]') && verifier_si_cochee('meteo[]')) return true; else { //on affiche un petit message formulaire.append(" Vous devez cocher au moins une case dans la meteo et dans les esches utilisees "); //et on bloque le soumission du form: return false; } } function verifier_si_cochee(name_input) { //avec cette fonction, on boucle chaque case et retourne true si ya une case cochée let input=formulaire.querySelectorAll('input[name="'+name_input+'"]') for (let i = 0; i < input.length; i++) { if(input[i].checked) return true; } //sinon on retourne false return false; } </script>

Re: comment ajouter du style css dans un code javascript

Posté : 06 avr. 2021, 12:59
par @rthur
Crée un div (ou un span) vide avec le style CSS voulu.

Et au lieu de faire un append() qui ajoute ton texte après l'élément sélectionné, fait un appendChild() pour insérer ton texte dans l'élément voulu.
https://developer.mozilla.org/fr/docs/W ... ppendChild

Re: comment ajouter du style css dans un code javascript

Posté : 08 oct. 2022, 11:30
par flexi2202
Bonjour
super merci pour la reponse
cela fonctionne