JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://iconwallstickers.co.uk/media/catalog/product/2-Jpegs/city-skylines-wall-art-05.jpg">
    
<input type="button" value="Туман" class="fog">
<input type="button" value="Нет тумана" class="clear">
<input type="button" value="Туман, но не сильный" class="lilfog"><input class="number" type="text" placeholder="Видимость">

JavaScript

$('.fog').on('click', function() {
	$('img').fadeOut('slow');
});

$('.clear').on('click', function() {
	$('img').fadeIn('slow');
});

$('.lilfog').on('click', function() {
    var number = $('.number').val();
	$('img').fadeTo('slow', number);
});