JSFiddle - React, Tailwind, and code Playground

HTML

height: <input type="text" id="height" />

CSS

#height {
    height:20px;
    width:100px;
}

JavaScript

(function($el) {
	"use strict";    
    
    $el.addEventListener("focus", adjust, true);
    $el.addEventListener("blur", adjust, true);
    
    function adjust($e) {
        var e = $e.type;
        if (e === "focus") $el.value = $el.value.replace(/\"/g, ""); 
        if (e === "blur")  $el.value = $el.value + 'Please';     
    }    

})(document.getElementById("height"));