schickm

<input type="text" name="message">

<button type="button" class="show-message">Show The Message...</button>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">
    // wait for someone to click on a button
    $(".show-message").click(function() {
        // get the value of the input, and show it in a dialog
        alert( $("input[name='message'").val() );

schickm

<input type="text" name="message">
 
<button type="button" class="show-message">Show The Message...</button>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">
    // wait for someone to click on a button
    $(".show-message").click(function() {
        // get the value of the input, and show it in a dialog
        // preface it with another string of text

schickm

<p>
    <input type="text" name="input-a"> 
    <span>+</span>
    <input type="text" name="input-b">
<p>
 
<button type="button" class="calculate">Add them up</button>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">

schickm

<input type="text" name="message">
 
<button type="button" class="show-message">Show The Message...</button>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">
    // wait for someone to click on a button
    $(".show-message").click(function() {
        // get the value of the input, and show it in a dialog
        // preface it with another string of text

schickm

<input type="text" name="message">
 
<button type="button" class="show-message">Show The Message...</button>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">
    // wait for someone to click on a button
    $(".show-message").click(function() {
        // store value of the input a variable 
        var inputValue = $("input[name='message'").val();

schickm

var machine = "dish" + "washer";
alert(machine); // triggers a dialog box with the text "dishwasher"

schickm

var total = 4 + 2;
alert(total); // shows "6"

schickm

var total = 4 + "2";
alert(total); // shows "42"

schickm

var total = 4 + parseInt("2");
alert(total); // shows "6" again!

schickm

var total = 4 + parseFloat("3.5");
alert(total); // shows "7.5"!