debug javascript code using google browser

Code for test.html, put all functions in mytest.js

test.html

<script src="mytest.js">
</script>


mytest.js
var firstname;

firstname="Hege";
document.write(firstname);

function myFunction()
{
//alert("Hello Shanshan");
document.write("<br>");
document.write("just test");
}
function addnum(x,y){
return x+y
}

myFunction()
document.write("<br>");
var n=addnum(5,3)
var n1 = n.toString();
document.write(n1);

1. open test.html using google browser, right click---> inspect



2. click sources to open javascript called by html mytest.js, set some breakpoints, and then click the circle (red part) to debug, in the right column in the window you can add the variables you want to watch. The result display in the first column in the
window.