Javascript Person - Hello 2

by endeepak

HTML

<div id="person">
    <div>
        <label for="first-name">First Name</label>
        <input id="first-name"/>
    </div>

    <div>
        <label for="last-name">Last Name</label>
        <input id="last-name"/>
    </div>

     <div>
         Hello <span id="full-name"/>
    </div>
</div>

JavaScript

function updateFullName(){
    var firstName = $('#first-name').val();
    var lastName = $('#last-name').val();
    var fullName = firstName + ' ' + lastName;
    $('#full-name').html(fullName);
};

$('#first-name').on('change', updateFullName);
$('#last-name').on('change', updateFullName);