代碼不打印到屏幕

UPDATE好吧，我看到我不應該使用「console.log」什麼是打印到屏幕上的方式？代碼不打印到屏幕

我是新來編碼，只需要瞭解爲什麼console.log不會將開關盒的結果打印到屏幕上。下面是代碼：

<form id="form1"> 
    <p>enter name: <input name="cpn" type="text" size="20"></form> 
    <button onclick="outputname()"> Submit</button></p> 

    <script> 
    function outputname(){ 
     var x,name,a,b,answer,y; 
     x=document.getElementById("form1").innerHTML; 
     y=x.elements["cpn"].value; 
    switch(cpn){ 
     case "LIG007": 
      text = "LIG007: Located in the 737 Avionics Cart Drawer 1. Keyword LIGHT"; 
      break; 

      default: 
      text = "CPN NOT FOUND, PLEASE MAKE SURE IT WAS TYPED CORRECTLY." 
    } 

    console.log(y) 

    } 
    </script>

來源

2017-04-17 Jake918

因爲'console.log'不「打印屏幕」它打印...等待它...到控制檯。 – gforce301

使用'alert'（https://developer.mozilla.org/en-US/docs/Web/API/Window/alert）。或者按'F12'（在Chrome上）或' + F5'（在Firefox上）打開開發者控制檯並查看'console.log（）'的結果。 – jrook

function outputname() { 
 
      var x, name, a, b, answer, cpn, text; 
 
      x = document.getElementById("form1").innerHTML; 
 
      cpn = document.getElementById('txtBox').value; 
 
      switch (cpn) { 
 
       case "LIG007": 
 
        text = "LIG007: Located in the 737 Avionics Cart Drawer 1. Keyword LIGHT"; 
 
        break; 
 

 
       default: 
 
        text = "CPN NOT FOUND, PLEASE MAKE SURE IT WAS TYPED CORRECTLY." 
 
      } 
 
      
 
      document.getElementById('output').innerHTML = text; 
 

 
     }

<form id="form1"> 
 
     <p>enter name: <input name="cpn" id="txtBox" type="text" size="20" /></p> 
 
</form> 
 
<button onclick="outputname()"> Submit</button> 
 
<div id="output"></div>

希望現在我理解正確的話，您希望瀏覽器屏幕上的輸出，因此上面的代碼。

注意幾件事情：

1）你可以給一個ID，輸入字段，並從它直接讀取。

2）創建一個div用於在瀏覽器中包含輸出（屏幕根據您的要求）。

3）將文本聲明爲var以避免全局。這是JS錯誤的主要來源，JS默默地創建了一個全局變量（在非嚴格模式下）。

4）你仍然需要自己清理一些變量。

希望這可以幫助你前進。

來源

2017-04-17 14:00:47

這裏有一個修復：您使用switch(cpn)並沒有定義cpn

注意。我建議使用更好的變量名稱'x'和'y'。
另外，您試圖console.log y變量而不是文本。
console.log輸出到瀏覽器日誌而不是屏幕。

function outputname() { 
 
    var x, name, a, b, answer, y; 
 
    x = document.getElementById("form1"); 
 
    y = x.elements["cpn"].value; 
 
    switch (y) { 
 
    case "LIG007": 
 
     text = "LIG007: Located in the 737 Avionics Cart Drawer 1. Keyword LIGHT"; 
 
     break; 
 

 
    default: 
 
     text = "CPN NOT FOUND, PLEASE MAKE SURE IT WAS TYPED CORRECTLY." 
 
    } 
 

 
    console.log(text) 
 

 
}

<form id="form1"> 
 
    <p>enter name: <input name="cpn" type="text" size="20"></form> 
 
    <button onclick="outputname()"> Submit</button></p>

來源

2017-04-17 14:02:14

代碼不打印到屏幕

回答

相關問題