Bonjour
super merci pour la reponse
cela fonctionne

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/Web/API/Node/appendChild

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
[b]Vous devez cocher au moins une case dans la meteo et dans les esches utilisees[/b]

merci de l aide

[code] <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>[/code]