Как вывести данные из JS в CSS
 

Есть такой код JS:

$(document).ready(function(){
    window.addEventListener('message', function(event) {
        var data = event.data;
        $(".container-fluid").css("display",data.show? "none":"block");
        $("#armor").css("width",data.armor);
        $("#health").css("width",data.health);
        $("#hunger").css("width",100 - data.hunger);
        $("#thirst").css("width",100 - data.thirst);
    });
});

Нужно вывести data.Health в stroke-dasharray(CSS). Пытался через но он выводит одно число, а нужно два. Пример: stroke-dasharray: 50 100, где 50 это data.Health, а 100 константа.

Попробуйте так:

$('svg .circle').get(0).style.cssText+=';stroke-dasharray:('+data.Health+',100);';

upd. если это атрибут, то можно так попробовать:

$('svg .circle').get(0).setAttribute('stroke-dasharray','('+data.Health+',100)');

LaymMan,

$('svg .circle').attr('stroke-dasharray',data.Health+' 100');

Извините пожалуйста, раньше stroke-dasharray стоял в html, не то написал. Должно быть stroke-dasharray: 50 100

LaymMan, ну так удалите скобочки и запятую на пробел замените, с этим, я уверен, вы справитесь.

Все ответы не работают.

LaymMan, консоль смотрели?
У вас элемент 'svg .circle' вообще есть?

В HTML с svg и attr вот этот скрипт работает:

$("svg .circle").attr("stroke-dasharray",data.health);

Без svg, но с css работает в CSS. Ваши не там, не там не работают.

Всем спасибо большое, я тупой. health с маленькой буквы нужно писать. :D