JSFiddle - React, Tailwind, and code Playground

by Aleksey Nemiro

HTML

<h3>Как закреплять основы javascript на практике?</h3>
<input id="answer" type="text" value="" />
<input id="send" type="button" value="Ответить" /><br /><br />
<img id="leonid" src="http://image.newsru.com/pict/id/large/381087_20020123220419.gif" />

JavaScript

$('#send').click(function(){
    var a = $('#answer').val().toLowerCase();
    if(a=='практикой'){
        $('#leonid').attr('src', 'http://cs402529.userapi.com/v402529787/6861/XvvyUMAhbfo.jpg');
    }else{
        $('#leonid').attr('src', 'http://mk.tula.ru/upload/iblock/611/pole.jpg');
    }
});