javascript - 引数値として配置された場合、文字列は大文字に変換されません

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;
      }
 },

リスト項目の 1 つが dom でどのように見えるかの例を次に示します。

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

コンソール ログにはすべての国コードが完全な大文字で表示されますが、DOM 内のコードは小文字で表示され、その前に余分なスペースが表示されます。