使用文本输入更改背景颜色

Question

所以我有一个文本输入和一个按钮。我需要做的是，当您在文本输入中写下颜色名称然后按下按钮时，它将显示为页面的背景颜色。 IE。我会写“蓝色”，背景颜色会变成蓝色。我是 Java 脚本的新手，所以对我温柔一点。谢谢。

我需要只用 JavaScript 编写这段代码，而不需要任何 jquery。

HTML

<table bgcolor="#999999" align="center">
    <tr><td align="center"><b>Write the background color you want:</b></td></tr>
    <tr><td align="center"><form name="forme"><input type="text" name="colors"  /></td></tr>
    <tr><td align="center"><input type="button" value="Click for result" name="press" onclick="color('green')" id="getText" /></form></td></td>
</table>

JavaScript

function color(theColor) {
    document.bgColor =theColor;
}

Answer 1

为了改变你需要的身体的背景颜色：

document.body.style.backgroundColor = theColor ;

Answer 2

如果你想改变按钮的颜色，

 $("#btn").click(function(){
    $(this).css("background-color",$("#txt1").val());
});

Demo

如果你想改变全身的颜色，

$("#btn").click(function(){
  $("body").css("background-color",$("#txt1").val());
});

Demo

编辑 使用javascript，

function color() {

    document.body.style.background  =document.getElementsByName("colors")[0].value;
}

Updated Demo using only javascript

Answer 3

<input type="text" id="txt1" />
<input type="button" id="btn1" />

<script>
    document.getElementById('btn1').onclick = function() {
        document.body.style.backgroundColor = document.getElementById('txt1').value;
    };
</script>`