Debugging client side program - html, jquery

21:19

Merbin Joe

Debugging technique:-
We can easy to debugging the client side program in run time, using debugger methods and open the inspect element.

Syntax :-

Debugger;

Example Program:-
Before clicking the "Click here To inspect element" this button, press F12 and open the inspect element, and when you press the "Click here To inspect element" button your program will be pause the execution and wait for user input and you can now see the run time output and press F10 to run line by line, F12 to continue the execution.

<html>
<head>
<title>Move The Div Position</title>
</head>

<script type="text/JavaScript">

function debugger_call()
{
   debugger;
   var name="Merbin Joe";
   var place="google";

   var mark1=91;
   var mark2=78;
   var mark3=89;
   var Answer;

   answer=mark1+mark2+mark3;

   alert(answer);
}
</script>
</head>

<body>
<input type="button" value="Click here To inspect element" onclick="debugger_call();" style="height:50px;">
</body>
</html>

Output:-

Advertisement

Screen shots:-
you can find the variable value by select or drag the variable to display the popup.