Modifié le CSS dans le HTML grâce à js

Bonjour je cherche un moyen de modifier du CSS avec des listes déroulante dans le HTML. Je suis presque sûr que c'est possible en JS mais j'ai vraiment pas d'idée de comment faire..

C'est tout à fait possible.

En parlant de liste déroulante, tu veux utiliser select ?

Il te faut surveiller l'événement change sur cet élément

document.querySelector('.leselect').addEventListener('change', function(e) {
  // e.target.value va contenir la valeur de l'option choisie
})

Puis ensuite écrire une fonction qui va aller chercher un autre élément du DOM et lui appliquer soit un style, soit une classe.

Le plus pratique est de prévoir une classe à l'avance et de l'ajouter/supprimer.

document.querySelector('.macible').classList.add('.uneautreclasse')

(ou avec e.target.value)

Bonjour. Vous n'avez pas dû chercher beaucoup, car en recopiant votre propre phrase sur Google, sur le premier résultat j'ai trouvé cet exemple :

document.getElementById("b1").style.borderColor = "red";

En JS c'est l'instruction ".style" qui compte si vous souhaitez changer directement le CSS, sinon vous pouvez effectivement le faire en ajoutant une classe et en stylant cette classe.
Ce serait bien de voir votre HTML pour donner plus de précision.
Modifié par Olivier C (29 Jan 2022 - 11:59)