Skip to content
Critical Web Design Wiki

5.3 Javascript and Web Forms

Overview
A selection of figures from this section.

Javascript Data Types

Section titled “Javascript Data Types”

A diagram showing how Javascript organizes data by primitive and non-primitive types. Javascript organizes data by primitive and non-primitive types

This graphic shows the flow, state, logic, and events of a program that turns a lamp on or off. This graphic shows the flow, state, logic, and events of a program that “turns a lamp on or off.” The logic (decisions the computer makes) is based on the state (the status of variables in the program) and events (e.g. user input) directing the computer towards its goal.

GET vs POST Requests

Section titled “GET vs POST Requests”

A screenshot showing how to inspect the headers of the GET request using a Google search for “dog” Inspecting the headers of the GET request using a Google search for “dog.”

Javascript and Web Forms

Section titled “Javascript and Web Forms”

Screenshot of codepen with added HTML, CSS, and Javascript. We added HTML, CSS, and Javascript to a new codepen.

Screenshot of Codepen.io with HTML and JS Set up the HTML and JS code to create a form in Codepen.io.

The finished SUS form prototype. The finished SUS form prototype https://codepen.io/owenmundy/pen/zYJNyEP

A screenshot showing an example of form validation thanks to the required attribute. An example of form validation thanks to the required attribute.

Finished Prompt

Section titled “Finished Prompt”

results of our usability test The results of our usability test, coded in a web page with the SUS form can be found at https://criticalwebdesign.github.io/book/05-usability/5-3/