<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
This Pen doesn't use any external CSS resources.