JSFiddle - React, Tailwind, and code Playground

by Karmi Phúc

JavaScript

/* 
 *   Nhớ bật Chrome Dev Tools trước bằng phím F12.
 *   Sau đó click vào nút Run ở góc trái menu.
 *   -----------------------------------------------------
 *   Sau khi breakpoint được gọi, hãy bấm vào nút 
 *   [Step Over]/[Step Into] để xem từng dòng code được gọi.
 *   
 *   Đối với Step Over:
 *   Hàm subFunc() vẫn được gọi bình thường, dù bạn không thấy
 *   từng dòng lệnh của hàm đó chạy.
 *
 *   Đối với Step Into:
 *   Hàm subFunc() được gọi và chúng ta sẽ được chạy qua
 *   từng dòng lệnh bên trong hàm đó.
 */

// Đặt breakpoint
debugger;
var i = 1;
console.log(i++);
subFunc();
console.log(i++);
console.log(i++);

function subFunc() {
    console.log('Sub');
    console.log('Sub');
    console.log('Sub');
    console.log('Sub');
    console.log('Sub');
    console.log('Sub');
    console.log('Sub');
}