How to lock content until user does a task?

I am currently developing a “course” platform, and I want to prevent the user from advancing to the next topic until they click the last item on the current topic.

I am thinking of doing an arrow, that is darkened and unclickable (by removing the tag or something like that) and when the user clicks on the last item, it recovers its color and the user can advance to the next topic.

I assume it will be with JavaScript by changing the value on the HTML item with a getElementByID or with an eventListener, but I am not clear on how to proceed.

Do you guys know how can I do this?

Source: CSS – Stack Overflow

November 30, 2021
Category : News
Tags: css | html | javascript

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.