JSFiddle - React, Tailwind, and code Playground

HTML

<table id=table_price cellspacing=5 cellpadding=5>
    <tr>
        <th>материал</th>
        <th>кг/м3</th>
        <th>руб./м3</th>
    </tr>
    <tr>
        <td>Песок</td>
        <td>1300</td>
        <td>300</td>
    </tr>
    <tr>
        <td>Гравий</td>
        <td>1400</td>
        <td>700</td>
    </tr>
    <tr>
        <td>Щебень</td>
        <td>1600</td>
        <td>1100</td>
    </tr>
</table>

<form onsubmit="return false;" oninput=" 
document.getElementById('rez').innerHTML 
= 
(parseFloat(document.getElementById('tovar').value)
*
parseFloat(document.getElementById('m3').value)).toFixed(2);
">
    <select size=1 id=tovar>
        <option value=350>Песок</option>
        <option value=700>Гравий</option>
        <option value=1100>Щебень</option>
    </select>кол-во:
    <input id="m3" type="number" value=1 min=1>
    <select size=1 id=tip>
        <option value=1>м3</option>
        <option value=150>кг</option>
    </select>цена
    <output id="rez">350.00</output>руб. кг:</form>