[英]In Chrome console, how can I print entered data?
我正在學習Javascript。 今天的任務是在Chrome控制台上打印輸入的數據。
我編寫了一些可以鍵入和提交按鈕的代碼。 但是我不知道如何在控制台上打印輸入的數據。
我認為“ console.log”，“ getElementById”將是答案。 但是我不能用這些線索編寫代碼。
有人可以幫我嗎？ 提前致謝。
<body>
<input type="text" name="mname" placeholder="Enter movie name" size="40">
<input id="active" type="submit" value="Search">
<script>
var m = document.getElementById('mname');
console.log(m);
</script>
</body>
您可以嘗試使用此方法的基本HTML教程，請遵循以下教程之一。
function print() { var m = document.getElementById('mname').value; console.log(m); }
<body> <input type="text" id="mname" placeholder="Enter movie name" size="40"> <input onclick="print()" type="submit" value="Search"> </body>
我相信此資源可能有助於提高您的知識水平
https://www.w3schools.com/js/
您應該為console.log()添加一個事件觸發器。
像這樣：
<body>
<input type="text" name="mname" id="mname" placeholder="Enter movie name" size="40">
<input id="active" type="submit" value="Search" onclick="log()">
<script>
function log(){
var m = document.getElementById('mname');
console.log(m.value);
}
</script>
</body>
<body>
<input type="text" id="mname" placeholder="Enter movie name" size="40">
<input id="active" type="submit" onClick="consoleData()" value="Search">
</body>
<script>
function consoleData () {
var m = document.getElementById('mname');
console.log(m.value);
}
</script>
我認為“ console.log”，“ getElementById”將是答案。
是的，您可以使用這兩種方法來完成任務。 以下是一些要考慮的要點：
name屬性更改為id屬性，因為getElementById需要它 .value獲取輸入的文本 onclick屬性以將輸入鏈接到log功能 function log() { var m = document.getElementById('mname').value; console.log(m); }
<input type="text" id="mname" placeholder="Enter movie name" size="40" value="Superman" /> <input id="active" onclick="log()" type="submit" value="Search" />
如何防止Chrome的控制台壓縮字符並打印每個字符？
[英]How can I prevent Chrome's console from condensing characters and print each one?
如何在 Google Chrome JavaScript 控制台中打印調試消息？
[英]How do I print debug messages in the Google Chrome JavaScript Console?
如何通過 Chrome 控制台更改元素上的數據屬性？
[英]How can I change data- attributes on an element through the Chrome console?
如何在用戶在textarea中輸入的瀏覽器代碼中發送到javascript控制台
[英]how can I send to javascript console in browser code entered by user in textarea
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.