<div id="demo" class="yui3-skin-sam">

<h4>Basic Console</h4>

<div id="basic"></div>

<p>

<button type="button" id="toggle_basic">hide console</button>

</p>

<h4>New messages added to bottom</h4>

<div id="add_to_bottom"></div>

<p>

<button type="button" id="toggle_atb">show console</button>

</p>

<h4>Custom strings</h4>

<p><em>Rendered in default location (top right)</em></p>

<p>

<button type="button" id="toggle_cstrings">show console</button>

</p>

<h4>Log some messages</h4>

<p>

<input type="text" id="info_text" value="I'm an info message!">

<button type="button" id="info">log info message</button>

</p>

<p>

<input type="text" id="warn_text" value="I'm a warning!">

<button type="button" id="warn">log warning</button>

</p>

<p>

<input type="text" id="error_text" value="I'm an error!">

<button type="button" id="error">log error</button>

</p>

</div>