jQuery not working on pen.io

So I am trying to develop the random quote display project & trying to use jQuery to display the random quote text. The code is available on https://codepen.io/gladiator_kris/pen/GRJvxyP

I get the following error in the console page.

pen.js:18 Uncaught ReferenceError: $ is not defined
    at pen.js:18

You need to add jQuery to be able to use it.

Click the Settings button, go to the JS section and search for jQuery. Click the link to add it to the page.

I did that. Now I get this error.

Unrecognized feature: 'ambient-light-sensor'.
GRJvxyP:1037 Unrecognized feature: 'vr'.

I feel I am missing some really basic element here :expressionless: I am just totally new to this, with nobody to help me. Thanks :slight_smile:

there is any reason for which you are using LiveScript? set the preprocessor to None and see it if works

The ambient-light-sensor warning is not related to your code.

But as said you should deselect the JavaScript Preprocessor. Click the cog on the top left side of the JS code box, now below where it says “JavaScript Preprocessor”, from the dropdown select “None”.

Thank you @ilenia . That worked. I am so ignorant, I don’t even know what LiveScript is :joy:

& thanks @lasjorg for helping me with the exact place to find the livescript thing.

Do we have a detailed post somewhere on how to use codepen for newbies?