2016-01-10 36 views
0

所以我有一個彈出窗口或提示,當你輸入你的名字或任何它說「你好'名字'!你今天好嗎?」我想將它與我要去的泡泡字母結合起來。所以輸入會改變泡泡字母。 http://codepen.io/anon/pen/PZjoaR變量javascript

   <html> 
       <head> 
      <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script> 
       <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script> 
       </head> 
        <body> 
       <canvas id="myCanvas"></canvas> 
         <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script> 
       <script type="text/javascript" src="main.js"></script> 

         <p>Click the button to demonstrate the prompt box.</p> 

       <button onclick="myFunction()">Try it</button> 

         <p id="demo"></p> 

       <script> 
       function myFunction() { 
      var person = prompt("Please enter your name", "Harry Potter"); 
       if (person != null) { 
        document.getElementById("demo").innerHTML = 
       "Hello " + person + "! How are you today?"; 
        } 
       } 
       </script> 

       </body> 
      </html> 

JAVASCRIPT

function myFunction() { 
var person = prompt("Please enter your name", "Harry Potter"); 
if (person != null) { 
    document.getElementById("demo").innerHTML = 
    "Hello " + person + "! How are you today?"; 


      } 
     } 
     var myName = "edit"; 

     var red = [0, 100, 63]; 
     var orange = [40, 100, 60]; 
     var green = [75, 100, 40]; 
     var blue = [196, 77, 55]; 
     var purple = [280, 50, 60]; 
     var letterColors = [red, orange, green, blue, purple]; 

     drawName(myName, letterColors); 

     if(10 < 3) 
     { 
     bubbleShape = 'square'; 
     } 
     else 
     { 
     bubbleShape = 'circle'; 
     } 

     bounceBubbles(); 
+0

爲什麼不提示'myName'? 'var myName = prompt(「請輸入你的名字」,「哈利波特」);' – AshBringer

回答

0

你只需要調用一個名字提示函數內部drawName功能。

function myFunction() { 
    var person = prompt("Please enter your name", "Harry Potter"); 
    if (person != null) { 
    document.getElementById("demo").innerHTML = 
    "Hello " + person + "! How are you today?"; 


    drawName(person, letterColors); 


    } 
} 

Example