In this assignment you will:
- Add a nicely formatted form to the poemlayout.html page.
- Practice Javascript by writing a another Javascript function in the style we
did during the lab day exercises.
In all you do please remember that being a part of CSCI@HSU means DOING THE RIGHT THING.
- Doing the right thing matters.
- Doing the right thing means developing competence.
- Doing the right thing means living in community.
- Doing the right thing means finding moral, effective, and correct solutions.
- Doing the right thing means honoring God in all we do.
So, do this assignment in a way that demonstrates integrity, develops
competence, is correct, and honors God ... because what we do matters!
In completing this assignment you MAY use/access the following resources:
- The quick reference guides below (which include the printed guides
handed out in class):
- VSCode Editor in its default configuration, including the Prettify extension
- The instructor-provided notes for this course: https://docs.google.com/presentation/d/1NbiLvs4ceGnmTtuY1ymz3H136u4N2tjPgD9_g9QT6iE/edit?usp=sharing
- Your own course notes
- Your instructor
- Discussions about the assignment with other students as long as you
never look at the working code of another student. Another student should
never tell you what to type and you should never tell another student what
to type.
- Websites that provide general instruction on HTML and CSS as long as they are
not targeted specifically to the assignment on which you are working. As an
example, if you want to learn about techniques for applying a color scheme
to a web site, this is a good thing to look up. If you are looking for a
solution to a specific Javascript programming exercise given in a homework
assignment, that is NOT something you should look up. REMEMBER: The goal is
for you to become proficient, so you need to figure some things out.
- Examples provided at: https://josephus.hsutx.edu/classes/w1/source/
You may NOT use/access:
- Resources not expressly listed above, including, but not limited to,
the following ...
- Code-producing extensions to VSCode that are beyond the default
configuration (such as CoPilot).
- Code produced by code-generating tools (ChatGPT as one example).
- Code produced by other people (including classmates) that is targeted
to solve the specific assignment you are working on.
Failure to abide by these guidelines will result in a zero for the assignment
and the incident will be reported to the university provost as a violation of
the university academic integrity policy. A second incident of academic
dishonesty (whether from this course or another computer science course) will
result in an F in the course.
In the hw05 directory edit your poemlayout.html file and add a form
in the bottom-center section (which currently contains a poem). The form should
provide elements that will allow a visitor to send you a poem.
These are the requirements:
- The form should post to a mailto action specifying your HSU email address.
- The form should allow the visitor to enter their name, poem title, type
of poem, and the text of the poem.
- The form elements for name and title should be text boxes.
- The form element for poem type should be a drop-down list having at
least 5 choices.
- The form element for the poem itself should be a text area (not a text
box).
- The form elements should be arranged nicely.
- Use a label tag for the form labels and each form element should include
an id to match the label and a name attribute.
- The form elements should be styled to match your color scheme.
- Modify the submit button to have a width matching the text area.
For reference purposes, here is an image of the page I created when following
these instructions:
https://josephus.hsutx.edu/classes/w1/source/images/flexedpoem.png (except
that the submit button should be full width).
Commit and push your work to bitbucket.
Add a form of some sort to the home page of your personal project (or to a separate
page that is linked to from the home page). Remember, the purpose of creating the
form is for you to practice making forms, so take time to include multiple kinds of
elements even if you have to stretch a bit. Your form should be appropriately styled
and should include a set of radio buttons. Use the list of guidelines in Step 1 above
to guide you.
Commit and push your work to bitbucket.
In this exercise you will modify the hellojavascript.html and hw05.js
files we used on lab day.
Write a Javascript function called removeDups that accepts an unordered
array (with numeric indexes) of unordered elements as a parameter and returns
the array with duplicate elements removed. The final array should not have any
gaps. Demonstrate that this function works following the pattern we used in lab
day.
Commit and push your work to bitbucket.