JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="valor" />

JavaScript

$("#valor").on("keyup", function(e)
{
    var code = (e.keyCode || e.which);

    // do nothing if it's an arrow key or backspace
    if(code == 37 || code == 38 || code == 39 || code == 40 || code == 8) {
        return;
    }
    
    var num = Number(this.value.replace(",", "."));
    
    if (this.value.replace(",", "").length > 2) num = num * 100;
    
    var value = (num <= 10 ? num : 10);
    
    this.value = value.toFixed(1).replace(".", ",");
});