, javascript tarafından dönüştürülen değeri alamıyor

Question

hsl'ye bir dönüşüm rgb yapıyorum. Ama hiçbir değer alamıyorum. Sadece "nesne nesnesi" deyin. Biliyorum yanlış bir şey yapıyorum. Ama neyin yanlış gittiğini bulamıyorum. İşte fiddle ve burada kodları:

$(function() { 
    function hueToRgb(t1, t2, hue) { 
     if (hue < 0) hue += 6; 
     if (hue >= 6) hue -= 6; 
     if (hue < 1) return (t2 - t1) * hue + t1; 
     else if(hue < 3) return t2; 
     else if(hue < 4) return (t2 - t1) * (4 - hue) + t1; 
     else return t1; 
    } 
    function hslToRgb(hue, sat, light) { 
     var t1, t2, r, g, b; 
     hue = hue/60;   
     if (light <= 0.5) { 
      t2 = light * (sat + 1); 
     } else { 
      t2 = light + sat - (light * sat); 
     } 
     t1 = light * 2 - t2; 
     r = hueToRgb(t1, t2, hue + 2) * 255; 
     g = hueToRgb(t1, t2, hue) * 255; 
     b = hueToRgb(t1, t2, hue - 2) * 255; 
     return {r : r, g : g, b : b}; 
    } 
    document.getElementById("slidevalue2").innerHTML = hslToRgb(0, 100, 50); 
}); 

Answer 1

hslToRgb()
bir nesne değil, bir dize döndürüyor. Belki de document.getElementById("slidevalue2").innerHTML = JSON.stringify(hslToRgb(0, 100, 50));'u denemek ister misin?

Answer 2

innerHTML değerini bir Nesne olarak ayarladığınızda, toString() öğesini çağırır ve [Object nesnesi] alırsınız. Bu yüzden çözüm, nasıl alınmasını istediğinize bağlıdır.

JSON.stringify

document.getElementById("slidevalue2").innerHTML = JSON.stringify(hslToRgb(0, 100, 50)); 

nolu telefona veya parçaları

var parts = hslToRgb(0, 100, 50); 
document.getElementById("slidevalue2").innerHTML = "r:" + parts.r + " g: " + parts.g + " b: " + parts.b; 

başvurabilir veya tanımlayabilir toString

var obj = { 
 
    r:1, 
 
    b:2, 
 
    toString : function() { 
 
     return "r: " + this.r + " b:" + this.b 
 
    } 
 
}; 
 

 
document.getElementById("out").innerHTML = obj;

<div id="out"></div>