Thank you for checking out this demo! Click the Quest Log button on the left sidebar menu to check it out!
Click [[here|Failed]] to mark a quest as failed!
Click [[here|Completed]] to mark a quest as completed!
<<run addQuest("Quest 1", "This is quest 1 and it is in progress.")>>
<<run addQuest("Quest 2", "This is quest 2 and it is completed.")>>
<<run addQuest("Quest 3", "This is quest 3 and it is failed.")>>
<div id="quest-tabs">
<button id="in-progress-tab" onclick="setQuestTab('in-progress')">In Progress</button>
<button id="completed-tab" onclick="setQuestTab('completed')">Completed</button>
<button id="failed-tab" onclick="setQuestTab('failed')">Failed</button>
</div>
<div id="quest-content">
<!-- Quests will be displayed here based on the selected tab -->
</div>
<<script>>
// Initial display of quests;
<</script>>[[Quest Log|questLog]]Quest 3 has now been marked as failed. Check it out!
Click [[here|Welcome]] to go back to the beginning screen.
Click [[here|Completed]] to mark a quest as completed!
<<run failQuest("Quest 3", "Failed because you said to fail it. :)")>>
Quest 2 has now been marked as completed. Check it out!
Click [[here|Welcome]] to go back to the beginning screen.
Click [[here|Failed]] to mark a quest as failed!
<<run completeQuest("Quest 2")>>