Javascript Person - Hello 3

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 id="greeting">
         Hello <span id="full-name"/>
    </div>
</div>

JavaScript

function greetUser(){
    var firstName = $('#first-name').val();
    var lastName = $('#last-name').val();
    var fullName = firstName + ' ' + lastName;
    $('#full-name').html(fullName);
    
    if(firstName || lastName) {
        $('#greeting').show();
    }
    else{
        $('#greeting').hide();            
    }
};

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

greetUser();