Ok, fondamentalement, ce que j'essaie de faire, c'est de changer la couleur d'un élément p qui change, mais c'est comme si la condition est toujours fausse:
Html:
<p id="brand-element-Samsung" onclick="itemSelectedSamsung()" style="color: #ff0000">Samsung</p>
Sass:
p
width: 50%
margin: 25px 23px 20px 23px
padding: 15px 15px 15px 15px
cursor: pointer
&:hover
color: #a3abb1
transition: color .2s ease
Js:
function itemSelectedSamsung() {
var inactiveColor = "#ff0000"
var activeColor = "#2c3e50"
var hoveredColor = "#a3abb1"
var text = document.getElementById('brand-element-Samsung')
text.style.transition = "all .2s ease"
text.style.color === activeColor ? text.style.color = inactiveColor : text.style.color = activeColor
}
0
Marco Molinari
7 nov. 2019 à 21:15
Questions connexes
De nouvelles questions
javascript
Pour des questions concernant la programmation dans ECMAScript (JavaScript / JS) et ses divers dialectes / implémentations (hors ActionScript). Veuillez inclure toutes les balises pertinentes dans votre question; par exemple, [node.js], [jquery], [json], etc.