JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://theunleashedreviewboard.files.wordpress.com/2013/08/angry-face.png" id="myImage">
    
<div>
    <input type="radio" id="myRadioButton" value="100" />
    <label for="myRadioButton">My Radio Button</label>
</div>

CSS

#myImage{
    width: 50px;
    height: 50px;
}

JavaScript

function updateImageSource(src)
{
    var myImage = document.getElementById("myImage");
    myImage.src = src;
}

var myRadioButton = document.getElementById("myRadioButton");
myRadioButton.addEventListener("mouseover", function(){
    updateImageSource('http://www.worldpeace-uk.org/wp-content/uploads/2013/07/smiley-face.jpg');
}, false);