Background-color + variable

Fermé
Nuggets - 17 févr. 2018 à 00:19
jordane45 Messages postés 37274 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 mars 2023 - 17 févr. 2018 à 00:21
Bonjour,
Je voudrais pouvoir faire en sorte de changer la couleur de fond en fonction de la couleur choisie.
J'ai essayé plusieurs méthodes, fait des recherches mais ne trouve pas.
Pouvez vous m'aider ?
Code :
<body style="background-color:chosen-color">
<title>Simple color picker</title>
<h3>Simple color picker</h3><br>
Pick a color and it returns the HEX value !
<[/contents/242-introduction-au-dynamic-html-dhtml div] class="row">
<div class="large-2 columns">
 
</div>
<div class="large-2 columns">
<label for="background-color">Choose a color </label>
</div>
<div class="large-2 columns">
<input id="background-color" type="color" value="#ff0000" onchange="javascript:document.getElementById('chosen-color').value = document.getElementById('background-color').value;" />
</div>
<div class="large-6 columns">
</div>
</div>
<div class="row">
<div class="large-2 columns">
 
</div>
<div class="large-2 columns">
<label for="chosen-color">You have chosen : </label>
</div>
<div class="large-2 columns">
<input id="chosen-color" type="text" readonly value="#ff0000" />
</div>
<div class="large-6 columns">
</div>
</div>

C'est sur background-color:chosen-color qui'il faut régler.
Merci.

1 réponse

jordane45 Messages postés 37274 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 mars 2023 4 551
17 févr. 2018 à 00:21
Bonjour
Gère le en JavaScript
0