Unlocking JavaScript Arrays for Storyline 360: The Ultimate Guide

When I first started learning JavaScript, arrays used to baffle me. Seriously, I would try to wrap my head around it. Luckily, it finally clicked, and I was able to see the power of using JavaScript Arrays to store and access data. So, how do I use it in Articulate Storyline 360 for eLearning development? Is it helpful or not?

In this video, I walk you through how to take several videos from Articulate Storyline and insert them into an array. Once they are in an array, there is so much that you can do with it. You can randomize them and then generate something new for the learning in the course. You can do that with numbers right within Storyline, but now you can take any Storyline variable type and generate something new every time. I will show you how to do this and then discuss some potential use cases inside your digital learning content.

*Chapters*
0:00 Introducing the goals of the video
0:25 Downloading the project file
0:41 First exploring the code
1:11 Exploring the variables in Storyline
1:58 Utilizing the random selection of the code in various ways
2:37 Adding the trigger and code into Storyline
3:17 Putting the code into action in Preview
3:45 How to change the variable names
4:16 Transitioning into how the code works
4:30 Why we need to create our own variables
4:52 What Arrays are
5:22 How Arrays work inside of the code
5:58 How Functions and Arrays work together
6:27 Sending information to Storyline through this code
6:51 Other ways to use these arrays
7:40 Giving support
8:25 Outro

*🥷 Link to Full Courses*

[raffel]

Thanks a lot Jeff. Great idea to get random text into my Storyline projects.

[ITUnivers]

Thanks!! Very well explained and very useful

[samanthachacon]

Hi, are you going to release the JavaScript course for Articulate in the end? Thanks!

[HRLD]

Thanks, but t's probably simpler to built the same interaction using the random number variable. But the possiblility of giving learners a random scenario is very nice

[elearningbyali]

Please create a video on how to convert any html5 files to SCORM 1.2 without any software