從jscolor

Question

我使用jscolor.js獲取顏色從http://jscolor.com

下面的功能是我使用過的用戶輸入添加到代碼生成器。他們鍵入他們選擇的十六進制顏色，並將其添加到代碼生成器中。

function changeOutlineColour(){ 
    var jj_input4 = document.getElementById('jj_input4').value; 
    document.getElementById('outlinecolour').innerHTML = jj_input4; 
    document.getElementById('jj_preview2').style.outlineColor = '#' + jj_input4; 
} 

這是代碼被添加到，其間的span標籤

<div class="jj_yourcode"> 
    <p>#<span id="outlinecolour"></span>;</p> 
</div> 

現在，我使用jscolor，十六進制代碼犯規得到補充的發電機，所以我的問題是，什麼樣的變化我必須做的功能，這樣做嗎？

Answer 1

想通了用一個按鈕

HTML：

<button type="submit" onClick="submitColour()">Set Colour</button> 

的Javascript：

function submitColour(){ 
    var jj_input4 = document.getElementById('jj_input4').value; 
    document.getElementById('outlinecolour').innerHTML = jj_input4; 
}