Web Programming with html5, css, and JavaScript

Water Balloon Fun!

Number of spherical water balloons:

Diameter of each balloon in inches:

onclick="calculateWater(this.form);">

Water Balloon Fun!

Number of spherical water balloons:
min="0" max="99" step="1" required>

Diameter of each balloon in inches:
min="0" max="12" step=".01" required>

onclick="calculateWater(this.form);">

410
Chapter 9
 
Additional JavaScript Basics

---

Whenever the window’s width is less than the figure’s width, the 
-40px
value for
figure.style.left
pushes the figure further left than it would normally be and aligns it 
with the left side of most of the other material on the left side of the window. In narrow win-
dows, this provides the greatest possible view of the map. On the other hand, when 
winWidth
equals or exceeds 
figWidth
, 
figure.style.left
takes on a value that centers the figure in 
the window. For that code to work, the JavaScript engine relies on the figure object’s style prop-
erty. We’ll provide an in-depth look at the 
style
property in the next chapter.