Drag and drop quizzes

[MichaelMarkert]

I have thought a new quiz type allowing users to order items via drag and drop and additionally implemented a multiple choice drag and drop quiz format. You can see both in action here: https://liascript.github.io/course/?https%3A%2F%2Fraw.githubusercontent.com%2FdigiKulTh%2FLehr-Lern-Materialien%2Fmain%2FOER%2Fdragndropquiz_template.md

To create such a quiz, simply use this syntax:
@dragdroporder(@uid,solution|is|this|the,this|is|the|solution)
where

• @uid generates a unique quiz ID (required for the JavaScript to target the correct quiz)
• first parameter after @uid: initial order of elements (separated by |)
• second parameter: the correct order of elements (separated by |)

I would love to hear your thoughts about this implementation and whether it could be useful .

[andre-dietrich]

This is very² cool ... did you already tagged this project with liascript-template, so that it appears in the overview list

https://github.com/topics/liascript-template

---

if you want to, you can get rid also of the @uid macro by nesting:

@dragdroporderWithoutUID: @dragdroporder(@uid,@0)

or rename it to something simpler ... this is something that we use all the time by predefining parameters. Whenever @dragdroporderWithoutUID is defined, it sets the first value with @uid and its initial parameter is then added as the second one ... The idea is, that you can have one big and complex macro and then define simpler ones with predefined values ...

Very nice ... thanks for sharing ...

[SebastianZug]

Really cool. Many thanks for your great feature! Currently we try to motivate teachers for using Lia at school - your contribution is a building block for this vision.

Best wishes

Sebastian

[MichaelMarkert]

Glad you like it! I will add some documentation and then tag it accordingly.

[MichaelMarkert]

I made a template and tagged it, you will find it here: https://github.com/MichaelMarkert/LiaScript_DragAndDrop_Template
@andre-dietrich I tried using nesting, but then the array for @2 is not populated (console.log gives @2 instead of the solution). I am not good enough with JS to find out what's wrong.
Best
Michael

[andre-dietrich]

Sorry for the delayed response, I updated your Template here: LiveEditor

This adds two other macros, while the uid is now automatically passed ...

To be listed in the LiaScript templates, you have to add the tags on the GitHub-page, as described here in section 2:

https://liascript.github.io/blog/promoting-your-content/

simply add liascript-template and it will be listed here: https://github.com/topics/liascript-template

additionally you can also add the link to the LiaScript course as a website as well as a description and a screenshot. A screenshot can be added at your project settings under social-preview ...

Thanks a lot for this handy tool and well done ;-)