JSFiddle - React, Tailwind, and code Playground

HTML

<input type='radio' id='feet' name='unit_of_measurement' onchange="change(this)" checked>Feet
<input type='radio' id='meters' name='unit_of_measurement' onchange="change(this)">Meters
<br />
<input type='number' id='select-number' max='300' step='1'>Pick A number

JavaScript

function change(elem) {
    if (elem.id=='feet') {
        document.getElementById('select-number').max = 300;
        document.getElementById('select-number').step = 1;
    } else {
        document.getElementById('select-number').max = 100;
        document.getElementById('select-number').step = .3;
    }
};