簡體   English   中英

為什么 console.log 不使用 VS Code 在控制台中顯示結果?

[英]Why doesn't console.log show the result in the console using VS Code?

如果我使用 codepen,代碼可以工作並在控制台中顯示計算結果。 如果我使用 Visual Studio 代碼,並使用實時服務器查看頁面,或手動打開 index.html,我在單擊計算時收到錯誤“ReferenceError: calc() is not defined”。

為什么是這樣?

編輯添加 - 腳本已在正文中移動,但代碼仍然不起作用。

在此處輸入圖像描述

 function calc() { var a = parseInt(document.querySelector('#value1').value); var b = parseInt(document.querySelector('#value2').value); var op = document.querySelector('#operator').value; var calculate; if (op == 'add') { calculate = a + b; } else if (op == 'min') { calculate = a - b; } else if (op == 'div') { calculate = a / b; } else if (op == 'mul') { calculate = a * b; } console.log(calculate); }
 <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1:0"> <title>Calculator</title> </head> <body> <form> Value 1: <input type="text" id="value1"> Value 2: <input type="text" id="value2"> Operator. <select id="operator"> <option value="add">Add</option> <option value="min">Minus</option> <option value="div">Divide</option> <option value="mul">Multiply</option> </select> <button type="button" onclick="calc()">Calculate</button> </form> </body> <script scr="app.js"></script> </html>

拼寫錯誤——“src”不是“scr”

腳本應該在結束標記末尾的 body 元素內,這是最佳實踐。 如果您將''腳本放在 head 元素中,它將在內容之前加載 javascript。 - 最佳做法是在加載內容后加載它。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM