Как изменить цвет фона с JavaScript, используя текст в кнопке

Question

/** HTML File **/ 
<button id="blue" onclick="colors()">blue</button> 


/** JavaScript File **/ 
function colors() { 
    document.body.style.backgroundColor= 
     document.getElementById('blue').value; 
} 

«Кнопка» содержит текст, «синий»

Я пытаюсь иметь цвет фона, равный этот текст.

Answer 1

Использование innerHTML вместо:

function colors() { 
    document.body.style.backgroundColor = document.getElementById('blue').innerHTML; 
} 

Answer 2

<button onclick="colors('blue')">blue</button> 

<script> 
/** 
** @param {String} color - The color you want to change to 
**/ 
function colors(color) { 
    document.body.style.backgroundColor = color; 
} 
</script> 

Answer 3

использовать входной вместо

/** HTML File **/ 
<input type="button" id="blue" value="blue" onClick="colors();"></input> 


/** JavaScript File **/ 
function colors() { 
    document.body.style.backgroundColor= 
     document.getElementById('blue').value; 
}