JSFiddle - React, Tailwind, and code Playground

by Moien Tajik

HTML

<div ng-app="">

  <table dir="rtl" border="1px">
    <th>نام محصول</th>
    <th>قیمت واحد</th>
    <th>تعداد</th>
    <th>قیمت نهایی</th>

    <tr>
      <td>کیف چرم</td>
      <td id="price1">60000</td>
      <td>
        <input type="number" ng-model="item1" ng-init="item1='1'" value="1">
      </td>
      <td>
        {{item1 * $("#price1").text()}}
      </td>
    </tr>

    <tr>
      <td ng-model="unit2">خودکار</td>
      <td>2000</td>
      <td>
        <input type="number" ng-model="item2" ng-init="item2='1'">
      </td>
      <td>
        2000
      </td>
    </tr>

    <tr>
      <td ng-model="unit3">قهوه ساز</td>
      <td>90000</td>
      <td>
        <input type="number" ng-model="item3" ng-init="item3='1'" value="1">
      </td>
      <td>
        90000
      </td>
    </tr>
  </table>

  <p> Count :
    <input type="number" ng-model="name" ng-init="name='1'" placeholder="Enter count here">
  </p>
  <h1>Price : {{name * 5}}</h1>

</div>