JSFiddle - React, Tailwind, and code Playground

by ProjectSoft

HTML

<input id="inp_01" type="text" value="20 м²" readonly/><br>
<input id="range" type="range" min="1" max="100" value="50" />
<p id="res"></p>

JavaScript

var inp = document.getElementById("inp_01"),
		ran = document.getElementById("range"),
    result = document.getElementById("res"),
    calc = function(){
    	result.innerText = inp.value = ran.value + " м²";
    };
 ran.oninput = ran.onchange = calc;
calc();