JSFiddle - React, Tailwind, and code Playground

by abarykin

HTML

<a href="#" id="switch">Ночь</a>
<br />
<img src="" />

JavaScript

//картинка солнца
$sun = 'http://upload.wikimedia.org/wikipedia/commons/thumb/b/b4/The_Sun_by_the_Atmospheric_Imaging_Assembly_of_NASA%27s_Solar_Dynamics_Observatory_-_20100819.jpg/290px-The_Sun_by_the_Atmospheric_Imaging_Assembly_of_NASA%27s_Solar_Dynamics_Observatory_-_20100819.jpg';
//каринка луны
$moon = 'http://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/280px-FullMoon2010.jpg';

$('a#switch').click(function() {
    if ($(this).html() == 'Ночь') {
        $('img').attr('src', $moon);
        $(this).html('День');
    }
    else{
        $('img').attr('src', $sun);
        $(this).html('Ночь');        
       }
    event.stopPropagation();
});