VERY SIMPLE JAVASCRIPT DEBUGGING

[{"selector":"#anim-631275d2-81d8-4148-a60d-60df5ea6bb0a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a786a1a-5915-4a4c-824d-472261bf5383","keyframes":{"transform":["translate3d(0px, 139.27103%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2bec5b3f-2855-40fd-94de-a688ba30b344","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4ccf9ea-e2c0-4fad-bd47-ca40a60896fc","keyframes":{"transform":["translate3d(0px, -1306.17348%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-25830377-bd9c-4388-ba04-2a7c4dae2438","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4fd3b892-a28a-4b4f-8c4f-41f1dbe0d95c","keyframes":{"transform":["translate3d(0px, 294.07400%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] JS (quick guide & examples)

DEVELOPER'S CONSOLE

[{"selector":"#anim-4f695322-0c0e-438d-8653-a7f49abb5d53","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4412ba8-1868-4d96-834d-e437da9e360f","keyframes":{"transform":["translate3d(-118.68852%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e742ff07-7379-45f8-8c75-5fe2c680c49d","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc8bad07-5c2d-4c78-8322-c5fb5770aac7","keyframes":{"transform":["translate3d(-118.36065%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4242127e-a503-4fe6-ae43-45d2e4e54270","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-81acb447-8a7c-462d-81ba-a924ce779dc1","keyframes":{"transform":["translate3d(-118.36065%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Press F12 (in most modern browsers) to open the developer's tools . Click on button, submit form, or reload page to trigger the error again. Check under the " console " tab - It will show the exact file and line where the error occured.

TRACE & FIX ERROR

[{"selector":"#anim-5fc705fd-f9f0-480a-8bd3-8bff61cea017","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3e1e0dba-9c62-4ea8-9dab-a2c28f3dec5a","keyframes":{"transform":["translate3d(115.73770%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-34ed39ec-f3ba-4e84-8e9e-c85807b2a304","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-acd3557a-c6f8-4a63-bd0e-3b64fb15c8ab","keyframes":{"transform":["translate3d(116.72131%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f8d6aa3f-1708-415f-9031-bfbfbc90ed53","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-389a08c4-39ae-4dc2-8457-4262bd192447","keyframes":{"transform":["translate3d(116.72131%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Error messages give you a good hint on what went wrong. E.G. Uncaught SyntaxError : Unexpected token ‘}’ = Missing a } somewhere. E.G. Uncaught ReferenceError : numa is not defined = Variable is not defined, or you made a typo mistake.

ASK FOR HELP ONLINE

[{"selector":"#anim-d6ff7795-9aeb-47c7-adcf-860ae0465d10","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3578df54-fa45-4323-a4fe-bed0c2149991","keyframes":{"transform":["translate3d(0px, 775.46295%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-45657546-bb2a-49d1-bed0-a0527c19e545","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54f583fc-713c-48ce-8d63-968abac8da5e","keyframes":{"transform":["translate3d(0px, 585.87960%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Can't fix the problem? There are plenty of places you can ask for help. Check out my list - Websites To Get Help WIth Programming.

VISIT & FOLLOW

[{"selector":"#anim-029602d0-537c-452c-a730-bd7d18d9edeb","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d42b1a7f-8b49-4dd9-bc8e-ac8f3e1f44d8","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6f24a8b9-4886-4578-8088-2c23e16de26c","keyframes":{"transform":["translate3d(-128.43511%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c3615892-fa04-425d-a484-05175295a983","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-91960975-be66-47de-b564-508bdf7c96b4","keyframes":{"transform":["translate3d(-151.73267%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f16d3623-5da9-49d9-aee3-69b2f4a12644","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d1d75ef5-ee3d-4b52-a9bf-2e3854a6e1ff","keyframes":{"transform":["translate3d(-151.23154%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-91f4d7db-9f2a-49ac-9054-c7a0ccda37bb","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-88ef1eb8-41a0-4d2d-8d8a-bc15a456ed24","keyframes":{"transform":["translate3d(-170.88234%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a03d2a5-39a6-4099-8b83-ca0d65397d99 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-4.249001618125643%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

VERY SIMPLE JAVASCRIPT DEBUGGING

DEVELOPER'S CONSOLE

01

TRACE & FIX ERROR

02

ASK FOR HELP ONLINE

03

VISIT & FOLLOW

CODE BOXX YOUTUBE

CODE BOXX PINTEREST

FULL TUTORIAL