<div id="root"></div>
function App() {
  const [size, setSize] = React.useState(40)
  
  return (
    <div>
      <div style={{ fontSize: 80 }}>
        💪🐼
        <span style={{ fontSize: size }}>
          👊
        </span>
      </div>
      <div>
        Тяните ползунок:
        <br />
        <input type='range' 
          min='40' max='200' 
          value={size} 
          onChange={function(event) {
            setSize(event.target.valueAsNumber)
          }} />
        <br />
        <button onClick={function() {
            alert(size);
          }}>Показать значение</button>
      </div>
    </div>
  )
}

ReactDOM.render(<App />, document.getElementById('root'))
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.production.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js