Counter View

Below is shown the important part of the view (.html). Key touch points are highlighted. After coding this, we will "connect it" to the model in the controller. Notes:

Field "count" is editable (input)
Field "log" is readonly (output). These must have a corresponding getter in the model e.g. "getLog".
The buttons "increment" and "increment" are action buttons

<form id="fields">

	<label for="count">Count</label>
	<input id="count" name="count" type="text" class="entry"/>

	<label for="log">Log</label>
	<input id="log" name="log" type="text" class="output" readonly disabled/>

	<div class="buttonBar">
		<button id="increment" type="button">+</button>
		<button id="decrement" type="button">-</button>
	</div>

</form>

JavaScript Guide

Counter View

Search Site Home Back To Top