Wie fügen Sie einen hex Wert zu einer js Variablen hinzu

Question

Ich habe # 00FF00 in eine Variable js gesetzt, aber es ist ein ungültiges Token? Warum? mein Code wie folgt aussieht:

var color = #00FF00; 
document.getElementById("colorDiv").innerHTML = color; 

Answer 1

Es eine Zeichenfolge sein sollte, können Sie fehlen Zitate werden:

var color = '#00FF00'; 

Answer 2

Es sollte String Somthing sein wie folgt aus: var color = "# 00FF00";

Answer 3

können Sie entweder:

1. speichern die Zeichenfolge "#00FF00" direkt oder
2. speichern die Anzahl 0x00FF00 und:
   • wandeln es in eine hexadezimale Zeichenfolge
   • Pad das Ergebnis mit führenden Nullen

// method #1 
 
var colorAsString = "#00FF00"; 
 

 
document.getElementById("colorDiv1").innerHTML = colorAsString; 
 

 
// method #2 
 
var colorAsNumber = 0x00FF00; 
 
var hexaString = '#' + ('00000' + colorAsNumber.toString(16).toUpperCase()).slice(-6); 
 

 
document.getElementById("colorDiv2").innerHTML = hexaString;

<div id="colorDiv1"></div> 
 
<div id="colorDiv2"></div>