title: Jquery append method and colouring of a single word
body: <p>I need help to append several lines in my webpage using jquery for a tic tac toe game</p>
  
  <pre><code>       &lt;aside &gt;
              &lt;h2&gt;History&lt;/h2&gt;
            &lt;span id="History" &gt; &lt;/span&gt; &lt;span id="Won"&gt;&lt;/span&gt;       
  
          &lt;/aside&gt;
  
  
  
  
  if(Case1 == "X" &amp;&amp; Case2 == "X" &amp;&amp; Case3 == "X") {
    $("#History").append("Player 1  ")
    $("#Won").append("won ").css("color","rgb(240,30,30)")
  
  
  else if(Case1 == "O" &amp;&amp; Case2 == "O" &amp;&amp; Case3 == "O") {
    $("#History").append(" Player 2 ")
    $("#Won").append(" Won ").css("color","rgb(240,30,30)")   
  </code></pre>
  
  <p>I need it to display like that after a player win and the "Won" must be in red:
    Player 1 won
    player 2 won</p>
  
  <p>the issue that i have is i cant make it line by line .. its becomes like this player 1 player 2 won won i tried using  but it not good</p>