本文主要介绍如何通过加法器调试JS。代码优先：效果：

test.html:

span style=' font-family : comic Sans MS；' font-size :18 px；'！键入html html html lang=' en ' head meta charset=' utf-8 ' title calculator/title/head body div H2 calculator/H2 div输入类型=' text' id=' num1' span/Span输入类型=' text ' id=' num 2 ' Span=/Span Span id=' result '/Span按钮id=' add ' calculation/button/div/div脚本src=' http:/demo . js '/script/body/html/span demo . js。

span style=' font-family : comic Sans MS；' font-size :18 px；'/* * * 8年12月15日由燕姿创作。*/var num 1=document . getelementbyid(' num 1 ')，num 2=document . getelementbyid(' num 2 ')，result=document . getelementbyid(' result ')，BTN _ add=document . getelementbyid(' add ')；BTN _ add . addeventlistener(' click '，onAddClick，false)；函数onAddClick(){ var a=parseInt(num 1 . value)，b=parseInt(num 2 . value)；var sum=add(a，b)；result.innerHTML=sum}/* * * * @ param a* @ param b * @返回{*} */函数add(a，b){返回a，b；}/span键摘要：

1、一般调试JS，打印信息有以下三种：

A.有了机警，缺点是每次都要打禁区。

B.使用console.log，这个数据很小，还可以。

C.用断点调试。

2.在JS中，如果变量前面有var，则表示局部变量，如果变量前面没有var，则表示全局变量。因此，变量通常以var开头。

3.通常，在chrome调试器中，elements会查看代码，并在源目录下对其进行调试。在这种模式下，您可以通过单击js中的每一行来添加断点。

4.调试模式中最右边的四个按钮是：下一个断点处的Step，转到下一个函数，跳出函数。所有的基本调试工具都有这四种。

5.在断点模式下，可以通过在控制台中输入变量来查看当前值，并且可以随意修改该值。

这些是js调试的具体步骤。我希望你在设计javascript程序时使用js进行调试。感谢阅读。