JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <h2>Automatické</h2>
    <input type="number" id="mnnozstvi" value="1" min="1">
    <strong>Cena:</strong> <span id="cena" data-cena="950">950</span>
</div>

<div class="container">
    <h2>Manuální</h2>
    <input type="number" id="mnnozstvi2" value="1" min="1">
    <strong>Cena:</strong> <span id="cena2" data-cena="1230">1230</span><br>
    <button id="prepocitat">Přepočítat cenu</button>
</div>

CSS

container{margin-bottom:3em}
.red{color:red}

JavaScript

// Automatické přepočítání
$('#mnnozstvi').change(function(){
   
    var mnozstvi = $(this).val();
	var cena = $('#cena').attr('data-cena');
    var novaCena = cena * mnozstvi;
    
    $('#cena').html('<strong class="red">'+novaCena+'</strong>');
    
});


// Manuální přepočítání
$('#prepocitat').click(function(){
   
    var mnozstvi = $('#mnnozstvi2').val();
	var cena = $('#cena2').attr('data-cena');
    var novaCena = cena * mnozstvi;
    
    $('#cena2').html('<strong class="red">'+novaCena+'</strong>');
    
});