JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<input type="text" placeholder="Вставьте ссылку" id="link">
<input type="button" value="Заменить backGround" id="but">
<br><br>
<div>https://i.artfile.me/wallpaper/24-12-2015/1920x1080/raznoe-kompyuternyj-dizajn-devushka-komp-998958.jpg</div>
<div>http://vs.panterok.net/wp-content/uploads/2017/08/shutterstock_297765020.jpg</div>
<div>http://1minutku.ru/wp-content/uploads/2017/11/26_1897_oboi_remont_2560x1600.jpg</div>

JavaScript

$('#but').click(function(){
	var img=new Image(),imgSize=0,link=$('#link').val(); img.src = link;
	img.onload = function(){
		imgSize = this.width;
		if(imgSize>1){ $("body").css({"background":"#ffffff url("+link+") no-repeat", "background-size": "cover", "color":"white"}); }
	};
});