- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我从Web开发开始。我知道HTML和JavaScript的基础知识。我正在使用VS Code。我面临的问题是我无法识别我在'script.js'文件中编写的JavaScript代码中的错误。错误的范围从遗漏分号到其他概念错误。
到目前为止,唯一对我有用的解决方案是在外部JavaScript编译器(例如https://js.do/)上运行代码,每次我复制粘贴代码以检查错误。
我试图搜索VS代码扩展。我遇到了“Chrome调试器”和“林特斯”。我尝试安装它们,但对我而言它们并没有多大意义。检查错误的正确方法是什么?什么是“调试器”和“林特”?
以下是我为SPI(学期性能指数)计算器编写的代码。
function calculate() {
var arr1 = [];
var arr2 = [];
var totalscore = 0;
for (var i = 1; i <= instance; i++) {
arr1[i] = document.getElementById("GC" + i).value;
arr2[i] = parseInt(document.getElementById("CC" + i).value);
}
for (var i = 1; i < arr1.length; i++) {
totalscore += arr1[i] * arr2[i];
}
var message = "Dear " + document.getElementById("name").value + ",<br>" + "Your SPI is " + Math.round((totalscore / getSum(arr2)) * 100) / 100;
var paraElement = document.createElement("p");
paraElement.innerHTML = message;
paraElement.id = "" + instance;
var con = document.getElementById("result");
con.appendChild(paraElement)
//return false;
}
function getSum(arr) {
var s = 0;
for (var i = 1; i < arr.length; i++)
s += arr[i];
return s;
}
function Initial() {
AddCourse();
AddCourse();
AddCourse();
}
var instance = 0;
function AddCourse() {
instance++;
var details = [
{ GRADE: "A*", GC: 10 },
{ GRADE: "A", GC: 10 },
{ GRADE: "B", GC: 8 },
{ GRADE: "C", GC: 6 },
{ GRADE: "D", GC: 4 },
{ GRADE: "E", GC: 2 },
{ GRADE: "F", GC: 0 }
];
//Creating DropDown List Element
var grade = document.createElement("SELECT");
grade.id = "GC" + instance;
//Adding Options to the Dropdown List
for (var i = 0; i < details.length; i++) {
var option = document.createElement("OPTION");
option.innerHTML = details[i].GRADE;
option.value = details[i].GC;
grade.options.add(option);
}
//Creating number of credits input
var credits = document.createElement("input");
credits.setAttribute("type", "number");
credits.id = "CC" + instance;
credits.value = 0;
//Creating Label elements
var lab = document.createElement("label");
lab.innerHTML = "COURSE " + instance + ":<br>";
var lab2 = document.createElement("label");
lab2.innerHTML = "GRADE: ";
var lab3 = document.createElement("label");
lab3.innerHTML = " CREDITS: "
var lab4 = document.createElement("br");
//Referencing dvContainer
var dvContainer = document.getElementById("dvContainer");
//Adding Dropdown to Container
var div = document.createElement("DIV");
div.appendChild(lab);
div.appendChild(lab2);
div.appendChild(grade);
div.appendChild(lab3);
div.appendChild(credits);
dvContainer.appendChild(div);
dvContainer.appendChild(lab4);
dvContainer.appendChild(lab4);
}
<html>
<head>
<title> SPI Calculator</title>
<script type="text/javascript" src="script.js"></script>
</head>
<body onload="Initial()">
<form name="details">
<div>
<label for="names">Name:</label>
<input type="text" id="name">
</div>
<br>
<b>Enter Expected Grades</b>
<br><br>
<div id="dvContainer"></div>
<input type="button" id="btnAdd" onclick="AddCourse()" value="Add Course" />
<br><br>
<div>
<button type="button" onclick="calculate()">Submit</button>
<button type="reset">Reset</button>
</div>
</form>
<div id="result"></div>
</body>
</html>
最佳答案
这是您的问题的答案:
How to quickly test some javascript code?
Following is a free list of tools you can use to check, test and verify your JS code:
Google Code Playground JavaScript Sandbox jsbin jsfiddle pastebin jsdo.it firebug html5snippet.net
Hope this helps.
关于javascript - 如何在VS Code中的 'script.js'文件中的JavaScript代码中调试\编译\查找错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56077029/
我知道 source 和 . 做同样的事情,如果标题中的其他命令对不一样,我会感到惊讶事情(因为我正在运行 bash 作为我的 shell,$SHELL [script] 和 bash [script
我在尝试启动第一个 super 账本网络时遇到此错误: $ ./byfn.sh -m up Starting with channel 'mychannel' and CLI timeout of '
哪个更好用或者更方便: ... 或 ... 最佳答案 你真的需要类型属性吗?如果您使用的是 HTML5,则不会。否则,是的。 HTML 4.01 和 XHTML 1.0 指定了 type属性是必需的,
哪个更好用或者更方便: ... 或 ... 最佳答案 你真的需要类型属性吗?如果您使用的是 HTML5,则不会。否则,是的。 HTML 4.01 和 XHTML 1.0 指定了 type属性是必需的,
使用此语法包含外部 javascript 文件的正确术语是什么: 是否包含script.js?执行了吗?是链接的吗?是叫吗?我刚刚运行了该文件吗? 最佳答案 我认为这里最常见的术语是加载外部 Jav
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: Why don't self-closing script tags work? 我刚刚发现 HTML 中的
没什么可说的了。我尝试寻找这意味着什么,但找不到。该脚本几个月来一直运行良好,并在 12 小时前停止,没有对其进行任何更改。手动运行显示此错误。 最佳答案 我遇到了同样的问题,我只需从脚本编辑器中单击
我是 Apps 脚本的新手,正在尝试了解使用另一个帐户在一个帐户中运行/触发脚本的基础知识。需要注意的是:我想在访问脚本的用户而不是拥有脚本的用户的情况下运行脚本——以便将运行时间分配给访问的用户。
我是 Apps 脚本的新手,正在尝试了解使用另一个帐户在一个帐户中运行/触发脚本的基础知识。需要注意的是:我想在访问脚本的用户而不是拥有脚本的用户的情况下运行脚本——以便将运行时间分配给访问的用户。
我最近遇到这个问题,我试图在我的 HTML 页面中导入多个 js 文件,如下 - 但我面临的问题是,它只加载第一个 js 文件,而其余的 js 文件没有加载。我还检查了浏览器中的网络部分,剩下的
Duplicate Why don’t self-closing script tags work? 我正在编写一个 ASP.net 页面,它在 JS 文件中有一些用于客户端身份验证的 Javascr
为什么以下行在许多浏览器(mozilla、IE)中不起作用? 为什么一定要这样设置? 最近我将我的项目从 XHTML 转换为 HTML5,我遇到了一些小但令人不安的不兼容性。 最佳答案 虽然脚本元
这个问题已经有答案了: Why don't self-closing script elements work? (12 个回答) 已关闭 7 年前。 经过两天的 Angular 与 Webpack
我在任何地方都找不到这个问题的答案;甚至在官方文档中也没有。我已经尝试自己编写代码,但它不起作用,所以它可能无法实现。 在下面的示例中,您可以使用条件颜色进行绘图: //STACKED EMAs
我正在通过串行端口使用 Tera Term 在板上进行一些测试。最近我发现我可以在 Tera Term 中编写一些脚本,所以我一直在做研究以帮助自动化并使测试更容易一些。 我知道 Tera Term
数组在 PineScript 中不可用。 有解决办法吗?有没有人开发过代码,作为数组使用? 我需要它做什么?我想计算每条趋势线或 S/R 水平的触及次数。 最佳答案 要实现计数器,您可以创建一个变量,
有没有办法创建一个指标来反射(reflect) Pine Script 中股票的当前价格?我需要这个指标,因为我需要在蜡烛关闭之前输入订单(当有特定的交叉时)并且回测数据是逐条提供的。我认为一个指标可
我的网站有一个脚本,如果从移动设备查看页面,格式和样式会发生变化。在网站的 2/3 页上,该脚本效果很好,正如我想要的那样。但是在最后一个上,用于更改格式和样式的脚本运行但未完全运行。我已经尝试从我的
我是否正确,市场上没有直接替代此流程: 在 chrome 插件商店中发布未列出 直接将链接分享给可以使用脚本的人 特别是,这些机制允许我使用我在所有 google dsoc 上编写的脚本。 随着转向市
我有一个简单的 Google Script 发布为具有匿名访问权限的网络应用程序。代码可用 here网络应用程序可用 here . code.gs function doGet() { retur
我是一名优秀的程序员,十分优秀!