JSFiddle - React, Tailwind, and code Playground
HTML
<section class="landing-block g-pt-50 g-pb-50">
<div class="container">
<div class="row">
<div class="col-md-6 g-pb-20 g-pb-0--md">
<img class="landing-block-node-img js-animation slideInLeft img-fluid" src="/upload/landing/6cf/6cf110c505ee53374aed4f8375e77183.png" alt="Image description" data-fileid="20" style="animation-duration: 1000ms; animation-play-state: running; animation-name: none;">
</div>
<div class="landing-block-node-text-container js-animation slideInRight col-md-6" style="animation-duration: 1000ms; animation-play-state: running; animation-name: none;">
<h2 class="landing-block-node-title text-uppercase g-font-weight-700 g-font-size-26 mb-0 g-mb-15">КРАН МОСТОВОЙ ЭЛЕКТРИЧЕСКИЙ ОДНОБАЛОЧНЫЙ ОПОРНЫЙ</h2>
<div class="landing-block-node-text g-color-gray-dark-v4">
<p>Рассчитайте стоимость крана мостового однобалочного в стандартной комплектации.
<br>
<br>ВЫБЕРИТЕ ГРУЗОПОДЪЕМНОСТЬ, В ТОННАХ
<br>
<input type='button' id='userInput1' value='0,5' />
<input type='button' id='userInput2' value='1,0' />
<input type='button' id='userInput3' value='2,0' />
<input type='button' id='userInput4' value='3,2' />
<input type='button' id='userInput5' value='5,0' />
<input type='button' id='userInput6' value='10,0' />
<br>
</p>
<p>Кран мостовой электрический однобалочный опорный(кран-балка опорная) г/п <p id="boldStuff2">3,2</p> тонны пролетом 16,5 метров предназначен для погрузочно-разгрузочных работ и применяется на заводах различного профиля, на складах, насосных станциях и таможенных терминалах, в закрытых помещениях и на открытых площадках
</p>
<p>Кран соответствует требованиям ФНП "Правила безопасности опасных производственных объектов, на...
JavaScript
$("input:button").click(function() {
document.getElementById('boldStuff2').innerHTML = $(this).val();
});