Log in to AnswerLog in to Follow
UserImage.jpg
Elizabeth Marais
15Views
6Comments
Solved
Countdown - 2.5. Integrate JavaScript Exercise error
Question
Mobile
Application Type
Mobile
Service Studio Version
11.14.15 (Build 60176)

Outsystems Front end developers course:

https://www.outsystems.com/training/paths/16/becoming-a-front-end-developer-in-outsystems/ .

Creating and Extending Patterns

https://www.outsystems.com/training/lesson/2557/integrate-javascript-exercise?LearningPathId=16

I did exercise "2.5. Integrate JavaScript Exercise.en-US.pdf". it gives this error if I try to use the block:


I added console.log" to see where it gets a problem, and up til just before this sentece:

if (window.$countdownMap.has($parameters.Class)) {


I attached the Countdown.oml, if anyone wants to look why it is not working, thank you


Countdown.oml

0
0
19 Jul
2021-03-18 21-03-15
Benjith Sam
mvp_badge
MVP
Solution

Hi Elizabeth,

1) As already mentioned by other community members, the Countdown JS script is empty in your module. You need to copy the js from the countDown.min.js file included in the course resource folder as highlighted below

2) Class defined in the Countdown block's Class input parameter is invalid

3) Countdown block should only reference the Countdown js script from Scripts folder. i.e. Don't reference the same JS in screen scope.

See this demo: CountdownDemo

Refer to the attached updated oml

I hope this helps you!


Kind regards,

Benjith Sam

See solution in context
Countdown.oml

0
0
19 Jul

Thank you, it worked

0
0
20 Jul
2018-08-17 13-37-15
Rahul Sahu
mvp_badge
MVP

Hi,

I checked it your oml and it you are using countdown JS it is empty js


Coutdown js is library and here define the countdown function so it is not able to find you need to add correct countdown JS.


Hope this will help you.

0
0
19 Jul

Hello

Thank you for looking at it, I see I uploaded an older version. The correct version below is uploaded, where I DID add the Js library :

Countdown.oml

0
0
19 Jul

I added the script code there:

And I can see the code in Console

I uploaded the new .oml below.

But still same error.

Countdown.oml

0
0
19 Jul

Hi,

   I checked your correct version but it's still empty.

Screenshot (23).png

0
0
19 Jul
2021-03-18 21-03-15
Benjith Sam
mvp_badge
MVP
Solution

Hi Elizabeth,

1) As already mentioned by other community members, the Countdown JS script is empty in your module. You need to copy the js from the countDown.min.js file included in the course resource folder as highlighted below

2) Class defined in the Countdown block's Class input parameter is invalid

3) Countdown block should only reference the Countdown js script from Scripts folder. i.e. Don't reference the same JS in screen scope.

See this demo: CountdownDemo

Refer to the attached updated oml

I hope this helps you!


Kind regards,

Benjith Sam

Countdown.oml

0
0
19 Jul

Thank you, it worked

0
0
20 Jul
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.