변수를 텍스트 자바 스크립트로 전달 하시겠습니까?

Question

3 개의 변수를 하나의 주 변수에 전달한 다음 작동하지 않는 코드의 일부분을 텍스트에 넣으려고합니다. "+ won +",이 부분을 수정하는 방법을 알고 있습니까? 약간의 여분 그래서 당신은 내가 무엇을하고 있는지 이해할 수 있습니다 ... 모든 vars는 div라는 인용문에 텍스트로 표시됩니다.

var w = "W"; 
var o = "o"; 
var n = "n"; 

var won1 = w + o + n; 


(function() { 
     var quotes = [ 
     { 
      text: "+won+", 
      img: "http://i.stack.imgur.com/FqBE6.jpg?s=32&g=1" 
     }, 
     { 
      text: "+won+", 
      img: "https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG" 
     } 

     ]; 
     var quote = quotes[Math.floor(Math.random() * quotes.length)]; 
     document.getElementById("quote").innerHTML = 
     '<center>' + '<p>' + quote.text + '</p>' + 
     '<img src="' + quote.img + '">' + '</center>'; 
    })(); 

무슨 해프닝 : 내가 대신 읽어 많은 감사를 "원"읽기 변수의 "+ won1 +":) 텍스트를 표시 + won1 + 넣을 경우, 예를 들어 바르를 받고 밤은 무슨 일이 일어나고있다 이 같은

Answer 1

시도 뭔가 :

var w = "W"; 
 
    var o = "o"; 
 
    var n = "n"; 
 

 
    var won = w + o + n; 
 

 

 
    (function() { 
 
      var quotes = [ 
 
      { 
 
       text: won,// if you want to get displayed text as won1 use,text:won+1, 
 
       img: "http://i.stack.imgur.com/FqBE6.jpg?s=32&g=1" 
 
      }, 
 
      { 
 
       text: won, 
 
       img: "https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG" 
 
      } 
 

 
      ]; 
 
      var quote = quotes[Math.floor(Math.random() * quotes.length)]; 
 
      console.log(quote); 
 
      document.getElementById("quote").innerHTML = 
 
      '<center>' + '<p>' + quote.text + '</p>' + 
 
      '<img src="' + quote.img + '">' + '</center>'; 
 
     })();

<p type="text" id="quote" value="Test value"></p>

Answer 2

won` 대신`텍스트 :

var w = "W"; 
 
var o = "o"; 
 
var n = "n"; 
 

 
var won1 = w + o + n; 
 

 

 
(function() { 
 
    var quotes = [{ 
 
     text: won1, 
 
     img: "http://i.stack.imgur.com/FqBE6.jpg?s=32&g=1" 
 
    }, { 
 
     text: won1, 
 
     img: "https://www.gravatar.com/avatar/ca3e484c121268e4c8302616b2395eb9?s=32&d=identicon&r=PG" 
 
    } 
 

 
    ]; 
 
    var quote = quotes[Math.floor(Math.random() * quotes.length)]; 
 
    document.getElementById("quote").innerHTML = 
 
    '<center>' + '<p>' + quote.text + '</p>' + 
 
    '<img src="' + quote.img + '">' + '</center>'; 
 
})();

<div id="quote"></div>