Heya! We use cookies

Codesphere uses cookies to understand your preferences and make sure you have the best experience on our site. By using Codesphere, you accept our use of cookies.

Accept Cookies

Manage Consent Preferences

Choose what cookies you allow us to use. You can read more about our Cookie Policy.
Strictly Necessary Cookies
Required

These cookies allow core website functionalities such as user login. The website cannot be used properly without strictly necessary cookies.

Performance Cookies

These cookies are used by third-party analytics tools to capture user behavior on our website to understand user interactions and make product improvements.

Marketing Cookies

These cookies are used by third-party companies to remember visitor behavior across the website to deliver relevant promotions and other content on external platforms.

Confirm

Javasc-ordle, making a JS function guessing game with React

24.06.2022

Maybe we’re a bit late to the trend, but this week we had fun developing a wordle-esque game for guessing the output of hidden Javascript functions!


We’ve deployed it on Codesphere so that you can play it yourself here


How it works

Javasc-ordle(Working title) works by taking a github gist of a function, and blurring out the contents of the function.

The player then can guess different words to release them in the function.

Once the player believes they know how the function works, they can guess the output for the given parameter.


Let’s actually build it!

We built the game with React, you can check out the code here:

As you can see, we start by pulling the gist and creating a version with redacted terms. Then we add functions to allow the player to guess both terms and the output, and perform the correct actions whenever they make a correct guess


Next Steps

Now we could probably do a lot more with this, including:

  • Adding a whole schedule of gists
  • Adding compatibility for multiple languages
  • Score-keeping

But this was a fun way to get started! Let us know if you want us to build this out more!