p5 - Syntax error: anticipated semicolon but received hour

Here is the code snippet in question:

function setup() {
    createCanvas(500, 500);
    angleMode(DEGREES);
}
function draw() {
    background(0);
    translate(width/2, height/2);
    let hour = hour();
}

There is an error on let hour = hour(); indicating that a semicolon should be used instead of 'hour'. The only solution I found was to write it as let; hour = hour();, which eliminates the error but results in incorrect functionality. Any suggestions?

Answer №1

In the world of JavaScript, it's important to remember that variables and functions cannot share the same name. What's even more perplexing is that functions are actually considered variables themselves!

Let's consider this scenario:

let hour = hour();

This code snippet is problematic because it attempts to change the hour variable from a function to a value. This issue arises when using let, as opposed to var which would have silently caused an error.

To resolve this dilemma, simply choose a different name for your variable that doesn't conflict with an existing function.

let myHour = hour();

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Direct a flow to an unknown destination

What I am trying to achieve is writing a stream of data to nowhere without interrupting it. The following code snippet writes the data to a file, which maintains the connection while the stream is active. request .get(href) .on('response', func ...

Utilizing a third-party API within the next/api endpoint

I've recently started working with NEXTJS and developed a weather application. I'm integrating the openweather API, but I'm unsure how to use it within the next/api. I attempted creating a file named today.js inside the next/api directory an ...

What is the best way to determine if an object.property is defined in Angular 2?

Is there a similar function in Angular 2 to angular.isDefined from Angular 1? I have tried using the safe navigation operator ?., which is only supported in templates. ...

Using react-i18-next with .json or .js files: a simple guide

Although I am familiar with using i18-next in react components, my current challenge is to import data from either a JS file or JSON file for better code separation. The issue is that I am unable to use the useTranslation hook in those files. I am looking ...

What is the purpose of assigning controller variables to "this" in AngularJS?

Currently, I am analyzing an example in CodeSchool's "Staying Sharp with Angular" course in section 1.5. Here is the code snippet: angular.module('NoteWrangler') .controller('NotesIndexController', function($http) { var contro ...

Guide on uploading a file to Pinata directly from a React application

I keep encountering the 'MODULE_NOT_FOUND' console error code. Displayed below is the complete console error: > <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3f4b4d564b5a4d4d5e4c1251505b5a7f0e110f110f">[email& ...

Steps for configuring UI-Router to open a new tab

I have a link on the homepage that directs users to a second page with two tabs. I want the second tab to be active by default so that users can see its content immediately. I tried using ui-sref, but it only takes me to the second page without activating ...

In Angular/Typescript, dynamically add a class to a `td` element when it is clicked. Toggle the class on and off

My problem arises when trying to individually control the arrow icons for each column in my COVID-19 data table. By using Angular methods, I aim to show ascending and descending arrows upon sorting but run into the challenge of changing arrows across all c ...

Is there a way to arrange an HTML list in this specific manner using CSS or JavaScript?

I need to arrange a list of items in columns with 5 rows each, as shown in the attached image. This list is generated dynamically using an SQL query with a loop on the li tag. I am looking for a solution to order the list in this way using javascript or ...

Utilizing Vuex Store in Blade Template | Laravel and Vue.js

I'm trying to figure out how to access a method or variable that is defined in the Vuex 4 store within my Blade file. Currently, I am utilizing a compiled app.js from Vite. While I can easily access the store in Vue.js components, I am curious if it&a ...

Utilize INTERFACE-driven capabilities in ReactJS to dynamically render components based on a variable

How can interface-based functionality be used to render components based on tab selection? If we have 3 components as follows: OneTimeOnlyScheduleComponent DailyScheduleComponent WeeklyScheduleComponent We aim to have all of these components implement t ...

Steps to showcase a form on a webpage using a button

My webpage features an HTML table with a table navigation bar that allows users to add items or inventory. However, when the "add item" button is clicked, a form appears below the table instead of on top of it. I want the form to display itself right on to ...

My goal is to extract the usernames of all sellers from the Poshmark webpage using a combination of JavaScript, Cheerio, and Axios

After experimenting with various methods, I've come close to the solution, but it only retrieves one of the div elements I'm looking for... Although I managed to retrieve multiple divs at one point, when I attempted to extract text using the .te ...

JS - Add a key to corresponding values in arrays and objects

I'm looking to populate objects in array1 with key values from other objects in array2. This involves matching corresponding values in both arrays and pushing the correct key. let array1 = [ { "Ref": "28189-060-B", "Otherkey": "Whatever" ...

What is the best way to iterate over an array of objects using v-for in Vue.js?

Having trouble looping through this array of objects. Everything seems fine but the data is not showing up on the console. { "messages":[ { "id":1, "sender":"frank", "message":"Lorem ipsum...", "time":1398894261, "status":"read" } ...

retrieve the parent id of <ul> elements and store them in an array

Here is the html code I am working with : <form> <ol> <li id="1" name="grandparent">Grand Parent <ol> <li id="2" name="parent">Parent <ol> <li id="3" name="child">Child < ...

Determine the type of sibling parameter

Creating a Graph component with configurations for the x and y axes. The goal is to utilize GraphProps in the following manner: type Stock = { timestamp: string; value: number; company: 'REDHAT' | 'APPLE' | ... ; } const props: ...

Improving code efficiency for checkboxes in upcoming TypeScript versions

Is it possible to create a single checkbox component and dynamically pass different values to it without repeating code? I have set up these checkboxes to help me check the maximum and minimum values of some API data. const[checkValMax, setCheckValMax]= u ...

Select2 version 4.0.3 encountering issues when trying to automatically populate additional select2 fields with data fetched through ajax

I'm encountering an issue with Select2. Essentially, I need to populate other form fields with data retrieved from Select2's Ajax search. Even after following an example found here: Select2 4.0 - Push new entry after creation I'm still un ...

Is it considered a best practice to utilize JavaScript for positioning elements on a

I recently started learning JavaScript and jQuery, and I've been using them to position elements on my website based on screen and window size. It's been really helpful, but I'm starting to wonder if it's a good practice since it makes ...