我剛剛開始學習JavaScript，並剛剛將我的第一個程序簡單地猜成數字遊戲。爲了讓用戶反饋關於那裏的猜測，我使用了console.log()。它在我用來學習JavaScript的網站上工作（http://www.codecademy.com/learn），但是當我把它放在記事本中時，將它保存爲.htm文件，然後運行它，我得到提示並確認，但是從console.log命令沒有可見的反饋。當它是一個HTML文件時如何從console.log獲取輸出

我怎樣才能讓console.log命令起作用？

下面是代碼：

<Script language="JavaScript"> 
    confirm("Are you ready to play 'I CAN GUESS THAT'? A game where Player 2 tries to guess player 1 number?"); 

    //find out names 
    var player1 = prompt("Player 1 what is your name?","Your name here"); 
    var player2 = prompt("Player 2 what is your name?","Your name here"); 

    //player 1 number 
    var place_holder = 0; 
    var p1 =place_holder; 
    while (p1 > 1000 || p1 == 0) { 
     p1 = prompt(player2 + "look away." + " " + player1 + " " + "what is your number?", "Your number from 1 to 1,000 here"); 

     if (p1 != parseInt(p1)) { 
      p1 = 0; 
      console.log("Error: Invalled Number!" + " " +player1 + " " + "Please choose a number between 1 and 1,000"); 
     } 
     else if(p1>1000) { 
      console.log("Error: Invalled Number!" + " " +player1 + " " + "Please choose a number between 1 and 1,000"); 
     } 
    }; 

    //set up used guess list 
    var listlow = []; 
    var listhigh = []; 
    var x = 0; 
    var p2 = place_holder; 

    //game 
    while (x < 11) { 
     //list used guesses 
     console.log("Your guess so far"); 
     console.log("Your to low guesses:"+" " + listlow); 
     console.log("Your to high gusses:"+" " + listhigh); 

     //player 2 guess 
     var p2 = prompt("Player 2 what is your guess?"); 

     //good guess 
     var test = p1/p2; 
     if (test === 1) { 
      console.log("Congrats" + " " + player2 +" "+ "You have guessed"+" " + " " + player1 +" "+ "number"); 
      var x = 30; 

     //to low 
     } 
     else if (test > 1) { 
      console.log(player2 +" "+ "Sorry your guess is to low"); 
      listlow.push(p2); 
      x=x+1; 

     //to high 
     } 
     else if (test <1) { 
      console.log(player2 +" "+ "Sorry your guess is to high"); 
      listhigh.push(p2); 
      x=x+1; 

     //something went wrong 
     } 
     else { 
      console.log("Opps something went wrong"); 
     } 
    }; 

    if (x < 20) { 
     console.log("Sorry" + " " +player2+ " "+ "You are out of guesses." +" " + player1+ " " + "wins!"); 
    } 

    console.log("Thanks for playing") 
</SCRIPT>

來源

2015-05-29 Gizmobart

您需要按'f12' –

您可以嘗試alert（）而不是console.log（） – zwb

平均非webdev用戶不知道javascript控制檯是什麼，如果您需要向用戶提供反饋，應該把它放在實際頁面的某個地方，即在一個彈出div或類似的地方 –

這裏的問題是，CodeAcademy有一個內置在他們的編碼工具的控制檯，即表明你作爲你工作在他們的代碼學院環境中的代碼。這是專門爲您在構建代碼時提供幫助。

控制檯在大多數（現代）瀏覽器中都可用，但默認情況下它們通常是隱藏的，因爲它們主要由開發人員使用，而不是由日常用戶使用。因此，將消息寫入控制檯中的用戶將不是與他們進行通信的有效方式。

有很多方法可以向用戶提供反饋。。。一些想法包括：

設置你的頁面上<div>，專門爲通訊和更新div的內容與
建立一個<textarea>你的頁面上的消息，專門爲通訊和更新的價值有消息
使用alert(MESSAGE_VALUE);領域在彈出窗口中

如何你決定做它實際上取決於什麼樣的，你希望你的用戶擁有經驗顯示您的消息。。。這完全取決於你。

來源

2015-05-29 16:06:20 talemyn

這裏是爲了顯示你的頁面上的信息的簡單方法。

HTML

<p id = "output"></p>

的JavaScript

// Overwrites content in the output tag 
function printText(str) { 
    document.getElementById("output").innerHTML = str; 
}

// Adds more content to the output tag 
function printText(str) { 
    document.getElementById("output").innerHTML += str + "<br />"; 
}

然後顯示的東西需要用戶呼叫printText("some text")。

這只是一個起點，有幾十種方式向用戶傳達信息，但希望這應該成爲您希望做的事的開始。

來源

2015-05-29 15:55:00

控制檯API僅用於調試目的，而不是用於向用戶輸出消息或其他信息。

如果你想輸出消息到屏幕上，我建議你使用document.write（）而不是console.log（）。

document.write將直接將消息打印到您的Web瀏覽器（即頁面的HTML主體）。

您可以找到有關document.write（）的函數這裏的更多信息：https://developer.mozilla.org/en-US/docs/Web/API/Document/write

來源

2015-05-29 15:55:15

當它是一個HTML文件時如何從console.log獲取輸出

回答

HTML

的JavaScript

相關問題