🧩

How to create a Web-based item

Introduction

A web-based item asks your students to build a page in HTML, CSS and JavaScript, render it in a browser without leaving CodeChum, and submit it for automatic checking. How to use web-based answer environment shows the screen they answer it on.

CodeChum already ships web items you are free to use. A web item is the one type the Item Bank does not let you build yourself, because the test cases behind it have to read a rendered page rather than printed output. So you describe the item you want, and we build it for you.


Steps

Note: Have the item ready in your head before you start: what the page has to show, what a student is given to begin with, and how you want it marked. Everything you send us goes in one form.

To have a web-based item made for you, follow these instructions:

  1. Click Item bank in the sidebar, then click Create item. The Create Item modal opens on Choose what type of item you want to create.
  1. Click the Web application card. Its description reads "Create a web application item where your students will code inside the application, test their code in a browser, and submit it for automatic checking." The GUI application card just above it works the same way, and CodeChum builds that item for you too.
  1. Read the second step, which now says Fill out the form to let us create the item for you instead. and, under it, "As soon as we create your item, we'll let you know about it right away via email". There is nothing else to fill in, and the modal has no save button, only Go to form.
  1. Click Go to form. A Google Form opens in a new tab with your name, contact number, email and school already filled in from your account.
  2. Answer the rest of the form and submit it. Describe the page you want your students to build, and say what should be treated as correct.
  3. Finally, watch your email. We write to you when the item is ready, and it is then in your Item Bank like any other item, ready to use in an activity.

Note: The GUI application card opens this same step with its own form. Every other type you build yourself, starting with How to create a Console-based item.


And that's how a Web-based item gets made in CodeChum! Next, let's use your item in an activity.

Last updated September 21, 2026