WebFund 2024F: Tutorial 7

From Soma-notes
Revision as of 02:37, 7 November 2024 by Soma (talk | contribs) (Created page with "In this tutorial you will be playing with [https://homeostasis.scs.carleton.ca/~soma/webfund-2024f/code/submitdemo.zip Submission Demo], which is an integration of the code from Tutorial 5 and Tutorial 6. ==Tasks== # Create a file that validates correctly and upload it. Then, check the listing and analysis pages: is your upload reflected there? # Create a file that does not validate and attempt to upload it. W...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

In this tutorial you will be playing with Submission Demo, which is an integration of the code from Tutorial 5 and Tutorial 6.

Tasks

  1. Create a file that validates correctly and upload it. Then, check the listing and analysis pages: is your upload reflected there?
  2. Create a file that does not validate and attempt to upload it. What happens? Why?
  3. Are the validation and error messages the same as in Tutorial 6?
  4. Change the app so it accepts a field "Section: " at the top of of the assignment just after the Student ID. This section should be added to the output of the validation, the output after a submission is uploaded, and the submission listing. What files did you change? How did you change them?

Code

Code for Submission Demo

submitdemo.js

static/index.html

static/upload.html


static/validator.js


static/list.html

static/list.js

static/style.css

body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}