Javascript changer la couleur du texte et du fond à la valeur d'entrée

Je vais utiliser javascript pour faire une fonction pour changer la couleur d'arrière-plan, ainsi que les textes simultanément basée sur la valeur d'un texte d'entrée. J'ai la couleur d'arrière-plan pour changer, mais ne pouvez pas gérer pour obtenir le texte de travail.

function changeBackground() {
    //The working function for changing background color.
    document.bgColor = document.getElementById("color").value;

    //The code I'd like to use for changing the text simultaneously - however it does not work.
    document.getElementById("coltext").style.color = document.getElementById("color").value;
}

À la recherche dans le code ci-dessus, le code pour le texte document.getElementById("coltext").style.color = x fonctionne lorsque je saisie une couleur réelle, et non pas la "couleur" de la valeur.

C'est le html qui de je fais allusion à l' (je sais que c'est horriblement optimisé, mais c'est un travail en cours):

<form id="TheForm" style="margin-left:396px;">
    <input id="color" type="text" onchange="changeBackground();" />
    <br/><input id="submitColor" value="Submit" type="button" onclick="changeBackground();" style="margin-left:48px; margin-top:5px;" />
</form>

<span id="coltext">This text should have the same color as you put in the text box</span>

Évidemment, et malheureusement, je ne peux pas utiliser le code de cette façon. Mais pas question, je peux essayer, au-delà de cela, j'en arrive à une sorte de complexité infinie. Il devrait être une sorte de moyen facile de résoudre ce problème, droite?

Avec votre exemple, lorsque fixe, vous pouvez alors définir la couleur d'arrière-plan et la couleur du texte à la même chose, c'est que ce que vous vouliez? Votre texte ne sera pas visible
Aussi, vous avez un "onchange" gestionnaire attaché à la zone de texte, et un "onclick" attachés à la touche. Qu'est-ce exactement que vous souhaitez atteindre?
Comme mentionné, le code est un peu de désordre d'un "travail en cours", j'ai essayé de renvoyer à tous les deux et j'ai rarement nettoyer inutile jusqu'à ce que je l'obtenir pour fonctionner. Cependant, gardez à l'esprit que je fais allusion à l'arrière-plan du corps (ce qui n'est pas très clair dans le code, mais encore hors de propos). Mon contenu est blanc.

OriginalL'auteur Holmberg | 2013-05-18