JSFiddle - React, Tailwind, and code Playground

HTML

<form action="[~[*id*]~]" method="POST">
<p>Благодаря<span style="font-size: 120%;"> нашему калькулятору вы можете приблизительно вычислить стоимость наших услуг. На самом же деле, итоговая стоимость может отличаться и будет точно известна при осмотре места установки мебели и составлении проекта.</span></p>
	<center><p><img id="img1" src="assets/images/sborka_na_zakaz/defolt.png"  /></p></center>
<p>Ширина в см<input type="text" id="shirina" name="shirina"   />
	Длина в см<input type="text" id="dlinna" name="dlinna" /> 
	Высота в см<input type="text" id="vusota" name="vusota" />
<p><input type="submit" id="totalprice" /></p>
Стоимость заказа: <input type="text" id="summ" display="hidden" /> <strong><span id="total"></span></strong> р.</form>

JavaScript

function ImgPreload() {
        pic1=new Image(); pic1.src='assets/images/sborka_na_zakaz/shirina.png';
        pic2=new Image(); pic2.src='assets/images/sborka_na_zakaz/dlina.png';
        pic3=new Image(); pic3.src='assets/images/sborka_na_zakaz/vusota.png';
        pic4=new Image(); pic4.src='assets/images/sborka_na_zakaz/fasad.png';   
		
        }
		
$(document).ready(function () {
            $('#shirina').mouseenter(function () {
               function ImgOn1() { document.getElementById('img1')=pic1.src; }
            });