Строка не преобразуется в верхний регистр, если помещается как значение аргумента

Question

Я пытаюсь поместить значение динамического аргумента в функцию onclick. Проблема в том, что он, кажется, преобразует его в нижний регистр, а также добавляет дополнительное пространство перед ним. Любая помощь будет принята с благодарностью, спасибо.

Вот codepen.io моего кода: http://codepen.io/theller5567/pen/GZwBrE?editors=1010

Вот моя функция:

createList: function(scope){ 
     var country = scope; 
     var cc = country.countryCode; 
     var ccc = cc.toUpperCase(); 
     console.log(ccc); 
     if(ccc){ 
     var listItem = '<li><a href="#" onclick="setCountry("'+ccc+'","'+country.country+'");getDistribution(event);">'+country.country+'</a></li>'; 
     return listItem; 
     } 
}, 

Вот пример того, что один из ListItem выглядит в йот:

<a href="#" onclick="setCountry(" il","israel");getdistribution(event);">Israel</a> 

в журнале консоли отображаются все коды страны в полном верхнем регистре, но коды в dom show отображаются как строчные, а также дополнительное пространство перед ним.

Answer 1

У меня было неправильное цитирование.

createList: function(scope){ 
     var country = scope; 
    var cc = country.countryCode; 
    var ccc = cc.toUpperCase(); 
    console.log(ccc); 
    if(ccc){ 
     var listItem = '<li><a href="#" onclick="setCountry('+ccc+','+country.country+');getDistribution(event);">'+country.country+'</a></li>'; 
     return listItem; 
    } 
    },