March 2019
Intermediate to advanced
208 pages
5h 11m
English
Time to build another mini web app. We’ll let the user enter a comma-separated list of orders in an input field, then we’ll calculate and display the price for each order, the total number of shirts, and the total price.
Here’s the HTML:
| | <!DOCTYPE html> |
| | <html> |
| | <head> |
| | <title>Shirt Price Calculator</title> |
| | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | <style type="text/css"> |
| | .right {text-align: right;} |
| | .center {text-align: center;} |
| | th, td {border: 1px solid gray; padding: 3px} |
| | </style> |
| | </head> |
| | |
| | <body> |
| | <h1>Shirt Price Calculator</h1> |
| | |
| | <p> |
| | Enter list of orders separated by commas: |
| | </p> |
| | |
| | <p> |
| | <input type="text" size="40" id= ... |
Read now
Unlock full access