Javascript - Using an IF statement and other functions

Basically, I'm making an avatar creator and the only thing I'm changing is the source of the image to match what options the user has chosen. For this section, the user is choosing a new hair color based on the hair selection before. I thought an if statement would suffice, but it always defaults back to the first hairstyle/hair color as if its not registering I choose the third hairstyle.

//Here is a section of code for the hairstyle.

function hairOne() {
document.getElementById('skinToneOne').src=image source.
document.getElementById('skinToneTwo').src=image source.
document.getElementById('skinToneThree').src=image source.
document.getElementById('skinToneFour').src=image source.
document.getElementById('skinToneFive').src=image source.
document.getElementById('hairButtonOne').style.border = '2px solid black';
return true;}

//Here is the hair color function.

function hairColorOne() {
if (hairOne()) { 
    document.getElementById('skinToneOne').src=image source
    document.getElementById('skinToneTwo').src=image source
    document.getElementById('skinToneThree').src=image source
    document.getElementById('skinToneFour').src=image source
    document.getElementById('skinToneFive').src=image source
    document.getElementById('hairColorButtonOne').style.border = '2px solid black';
}

//Hair Option Two is not included.

else if (hairThree()) { 
    document.getElementById('skinToneOne').src=image source
    document.getElementById('skinToneTwo').src=image source
    document.getElementById('skinToneThree').src=image source
    document.getElementById('skinToneFour').src=image source
    document.getElementById('skinToneFive').src=image source
    document.getElementById('hairColorButtonOne').style.border = '2px solid black'; 
}