用戶使用HTML顏色代碼選擇背景顏色

-3

我想找到一個javascript代碼，允許用戶在文本框或提示框中鍵入HTML顏色代碼，並將頁面的背景顏色更改爲顏色代碼進入。截至目前，這是行不通的：
header { color：green; font-size：250％; 背景：藍色; } body { background：green; } 用戶使用HTML顏色代碼選擇背景顏色

 <header> 
    <center> 
    Test 
    </center> 
</header> 
    <center> 
     <br> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="text" class="inp" placeholder="6 digit hex value"> 
<input type="submit" class="sub" value="Set Background Color"> 
<script type="text/javascript"> 
$(document).ready(function() { 
$('.sub').click(function() { 
$('.body').css('background-color',"#"+$('.inp').val()); 
}); 
}); 
</script> 
    </center> 
</div> 
</html>

有誰知道如何做到這一點？
感謝
-A

來源

2016-01-20 ALX

如果你會分享更多關於你已經做了，人們可能更願意回答。例如，你是否已經知道如何創建一個文本框或提示？你能告訴我們那個代碼嗎？ – sfuqua

你甚至嘗試過......'' –

你在google上搜索過這個問題嗎？你發現了什麼？ –

發佈與的jsfiddle

回答我的意見，你需要的是這個

<input type="text" onblur="document.body.style.backgroundColor = this.value;" id="color">

你可以走得更遠，這個分成功能。這是工作JSFIDDLE

這適用於文本輸入（紅色，藍色，橙色）以及十六進制代碼（＃000000）。

對於你的代碼，這裏是正確的code.Body不是一個類，它是一個標籤。所以不需要選擇器。

<script type="text/javascript"> 

$(document).ready(function() { 

$('.sub').click(function() { 
    $('body').css('background-color',"#"+$('.inp').val()); 
    }); 
    }); 
</script>

來源

2016-01-20 04:08:47

如果我想更改標題背景顏色，該怎麼辦？我剛試過' ALX

只需將此用於JSFIDDLE方法'

試試這個：

$(document).ready(function() { 
 
    $('.sub').click(function() { 
 
    $('.body').css('background-color',"#"+$('.inp').val()); 
 
    }); 
 
});

<div class="body"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="inp" placeholder="6 digit hex value"> 
 
<input type="submit" class="sub" value="Set Background Color"> 
 
</div>

來源

2016-01-20 04:12:30 AMACB

用戶使用HTML顏色代碼選擇背景顏色

回答

相關問題