TU JavaScript & PHP XAMPP HTML Code Creating a Website Programming Exercise

Assignment Description:

• Task 1: (1.5 marks)
  • Use the same deliverables from Assignment 2.

Add new page named the “Assignments” and include a form with the following structure.

(i attached form & Assignment 2)

Task 2:(3.5 marks)

• From Task 1, write a PHP file to upload “Sample.pdf” and submit the file where:
  • Create “Browse My Computer” button to browse computer file system and pick the file.
  • Create a folder to store the file, titled “assignments”, to the local file system.
  • Check file format, whether it is .pdf or not.
  • Check the file size to be under 2 MB.
  • Create “Submit” button to complete the submission process where:
    • If the user did not upload a file and press the button, we should see the following message: “No file has been selected.”.
    • If the folder was not created, we should see the following message: “The folder does not exist.”.
    • If the file does not belong to the designated format, we should see the following message: “File format is not supported, only .pdf is allowed.”.
    • If the file is larger than 2 MB, we should see the following message: “File size is not allowed.”.
    • If the file was uploaded successfully, we should see the following message: “The file has been uploaded successfully.”.

Deliverables:

• Cover page.
• Source code files (.html, .css, .php). All files will be grouped in a zipped file named “Assigment_3_UniversityID” with the following file structure:
  • index.html.
  • styles, and assignments folder.
  • sample.pdf file.

• Snapshots of the output in the screen and your web browser console.