Voici un fichier qui permet de jouer avec l'inspecteur et de vérifier la saisie !
window.onload = function() {
let target = document.getElementById("target"),
response = document.getElementById("response");
let observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
response.style.display =
target.style.backgroundColor === "red" ? "block" : "none";
});
});
let observerConfig = {
attributes: true
};
observer.observe(target, observerConfig);
};
<div id="background-color">
<p id="target">Add A Background Color To Me!</p>
<aside id="response" class="success" style="display:none">
Success!
</aside>
</div>