JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>PHP</li>
    <li>HTML5</li>
</ul>

<img id="thumb" src="http://www.portable-net.co.uk/images/logos/unknown-logo.png"/>

JavaScript

$('li').mouseover(function() {
    var myText = $(this).text();
    var myImg  = $("#thumb");
    switch (myText) {
        case 'PHP':
            myImg.attr('src', 'http://www.php.net/images/logos/php-med-trans-light.gif');
        break;
        case 'HTML5':
            myImg.attr('src', 'http://www.w3.org/html/logo/downloads/HTML5_Logo_128.png');
    }
});