Problem with Code Snippets that use JavaScript

Problem with Code Snippets that use JavaScript

I have trouble every time I attempt to add a code snippet that includes JS. Can someone please tell me what I am doing wrong. 


Lets say I want to include the code used on this codepen: https://codepen.io/ritz078/pen/LGRWjE 


I have tried a few things, but it should work in the following format, right? 


 <!DOCTYPE html>

<html>

<head>

<style>


add css code here


</style>

</head>

<body>


add html code here


<script>


add JS code here


</script>

</body>

</html>



but it doesn’t. I get the following error when I inspect 


SyntaxError: Unexpected keyword 'else'

Failed to load resource: the server responded with a status of 404 ()  on https://sitepreview-XXXXX.zohositescontent.com/portaluser/getCurrentPortalUser

Failed to load resource: the server responded with a status of 404 ()  on https://css.zohostatic.com/sites/XXXXX/v1/zs-site/assets/v1/css/hummingbird-ui.css.map 


where the Xs refer to my site’s identifying code. 


The last time I had an issue with JS it was because the code needed to be a certain way for zoho to allow ChartJS to work. Nothing external needs to be called in the JS here, so I am at a loss. 


Any feedback would be greatly appreciated. 


Steven

      Zoho Developer Community









                                Zoho Desk Resources

                                • Desk Community Learning Series


                                • Digest


                                • Functions


                                • Meetups


                                • Kbase


                                • Resources


                                • Glossary


                                • Desk Marketplace


                                • MVP Corner


                                • Word of the Day



                                    Zoho Marketing Automation
                                            • Sticky Posts

                                            • Website Accessibility

                                              I have two sites created in Zoho Sites which are both live. Some questions: 1. Are any of the template themes WCAG 2.1 AA compliant? 2. How do I change the format of a sub-heading in the header section? 3. Is there any way to add focus indication for
                                            • Unveiling Zoho Sites 2.0 - A new dimension in website building

                                              Dear Zoho Sites Users, We are thrilled to announce the launch of Zoho Sites 2.0 today! This refresh represents a significant step forward in the capabilities of Zoho Sites and is crucial for creating a lasting and positive impact on our customers' businesses.
                                            • Visual Editor Webinar

                                              Join our FREE live webinar to learn how to use the Zoho Sites Visual Editor to easily design your website. Our product specialist will demonstrate how this tool will help you customize your website to suit your requirements.  Register here: https://www.zoho.com/sites/webinars/
                                            • SEO for your Zoho Sites Website

                                              Join our live webinar to learn how to use Zoho Sites' SEO tools to boost your website's ranking. Our product specialist will demonstrate everything you need to know about optimizing your web pages to make them search engine friendly. Register here for free: https://www.zoho.com/sites/webinars/
                                            • Zoho Sites Webinar | Integrations

                                              Join our FREE live webinar to learn how to integrate both Zoho and third-party products with your Zoho Sites website. Our product expert will demonstrate how to use these integrations to grow, manage, and retain the customers you bring in. Learn how to take your business forward and build stunningly robust and efficient websites. Register here: https://www.zoho.com/sites/webinars/


                                            Manage your brands on social media



                                                  Zoho TeamInbox Resources

                                                    Zoho DataPrep Resources



                                                      Zoho CRM Plus Resources

                                                        Zoho Books Resources


                                                          Zoho Subscriptions Resources

                                                            Zoho Projects Resources


                                                              Zoho Sprints Resources


                                                                Qntrl Resources


                                                                  Zoho Creator Resources



                                                                    Zoho WorkDrive Resources



                                                                      Zoho Campaigns Resources


                                                                        Zoho CRM Resources

                                                                        • CRM Community Learning Series

                                                                          CRM Community Learning Series


                                                                        • Tips

                                                                          Tips

                                                                        • Functions

                                                                          Functions

                                                                        • Meetups

                                                                          Meetups

                                                                        • Kbase

                                                                          Kbase

                                                                        • Resources

                                                                          Resources

                                                                        • Digest

                                                                          Digest

                                                                        • CRM Marketplace

                                                                          CRM Marketplace

                                                                        • MVP Corner

                                                                          MVP Corner





                                                                            Design. Discuss. Deliver.

                                                                            Create visually engaging stories with Zoho Show.

                                                                            Get Started Now