{"id":2097,"date":"2021-11-22T09:48:41","date_gmt":"2021-11-22T14:48:41","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/?p=2097"},"modified":"2021-11-29T18:41:25","modified_gmt":"2021-11-29T23:41:25","slug":"running-javascript","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/topics\/javascript\/running-javascript\/","title":{"rendered":"Running JavaScript"},"content":{"rendered":"\n

There are a number of different ways you can run JavaScript code. This post goes over a number of them. Some are better for simple tests and practice and some are what you would use in production (the final version of your web site).<\/p>\n\n\n\n

You can also look at Wes Boss’ Setup instructions<\/a> and Running and Loading JS<\/a>.<\/p>\n\n\n\n

Quick Tests<\/h2>\n\n\n\n

These are some methods you can use to quickly try out some JavaScript. They don’t require that you create a file. That also means they don’t save the code you write.<\/p>\n\n\n\n

Browser Console<\/h3>\n\n\n\n

All of the major browsers have a console that lets you run JavaScript. the JavaScript you run in the console will work on the current page that is open.<\/p>\n\n\n\n

\n
\n
\n

Chrome<\/h4><\/div>\n\n\n\n
<\/stop><\/stop><\/linearGradient><\/defs><\/svg><\/path><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n
\n

Through Inspector<\/h3><\/div>\n\n\n\n
  1. Right Click<\/strong> on a web page<\/li>
  2. Click on Inspect<\/strong><\/li>
  3. Click on the Console<\/strong> tab<\/li><\/ol>\n\n\n\n

    Through Dev Tools<\/h3>\n\n\n\n
    1. press Ctrl+shift+j (win) or Command+option+j (mac) to open the console<\/li><\/ol>\n\n\n\n

      Alternatively you can <\/p>\n\n\n\n

      1. Click on the three small vertial dots on the top right of the browser
        1. Go to More tools<\/li>
        2. then Developer Tools<\/li><\/ol><\/li>
        3. Click the Console tab<\/li><\/ol>\n\n\n\n
          \n