代码不打印到屏幕

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

代码不打印到屏幕

回答

相关问题