VERY SIMPLE JAVASCRIPT DEBUGGING

[{"selector":"#anim-8e4c4b65-0997-4df2-93a5-cd9b8c98d8bb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-64d62003-2b7f-447b-9354-d2f7e5d7c408","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-0a5827a2-529b-4840-96e1-2a1d3f5e5ac7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9738ad24-97b2-42ad-b933-2046acb1d708","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-b4ba064e-814b-470c-b3f7-688aeb8d8c94","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1a1082f8-515d-45bf-82d8-38b0df7a725e","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-6572e883-dceb-4010-8083-b2b09866afa3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-89db4b7b-5513-4010-bfec-f39f07c0dbd9","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-aad83500-0ed6-48e0-8206-bac983c54804","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0bd616a5-d407-4ebe-a5a4-0f1353814ec5","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-7cbd42c1-5f42-4a72-af23-0f35e8dc9aad","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fe8e523d-892f-416f-aa52-e54f731c0eb7","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-af576773-46d5-45d0-aec3-ab1cd9c95a4e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b25644ca-9d20-4080-881d-9fc4605374c4","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-883586d8-d7b2-4265-b298-b8def99976f2","keyframes":{"opacity":[0,1]},"delay":100,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-13a0457d-1b3f-414b-9e15-c5e04c24601e","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-6355b2af-6975-4120-bb5c-43b8e164a47a","keyframes":{"opacity":[0,1]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-545f2f9f-07fa-4e8c-964c-560c3f795c65","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-33d09f0c-366f-48a6-9e01-bec37af952f0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1c39efa2-d2e9-43c1-989c-44015b9a6cf1","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-5b1c30d8-c3e5-49e3-b583-2f689962dd5d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d6fffee4-906a-46c0-b3d7-365c48b4c292","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-c419dd91-803d-4510-8360-31ff159bb782","keyframes":{"opacity":[0,1]},"delay":2000,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-117d0291-2354-4e9e-9b8f-ff371061fe07","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-043c1ae0-dc82-4391-8543-c3a02ff33f9d","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-7494d436-880e-4a60-b578-de142c10dd8b","keyframes":{"opacity":[0,1]},"delay":2400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0faeb639-8287-4354-8c8d-01b11575447e","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-6df55fa4-d383-45db-9a9b-b94c98559635","keyframes":{"opacity":[0,1]},"delay":2600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d2cc411e-ff1b-4d1e-8bd7-80f3ade2d6c0","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-1a1a096c-0e2e-436e-80f9-949a3f439503","keyframes":{"opacity":[0,1]},"delay":2200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-977ff706-a96d-411b-9991-43611f743121","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-d565dd7e-83d6-48c9-8cb3-0153cd54344f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-11.80816216074166%, 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