Question

所以我有一个文本输入和一个按钮。我需要做的是，当您在文本输入中写入颜色名称然后按下按钮时，它将显示为页面的背景颜色。 I.E.我会写＆＃34;蓝＆＃34;背景颜色会变成蓝色。我是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>`

用文本输入改变背景颜色

3 个答案: