ugrás a tartalomhoz

Aktív számolás

simisoma · 2015. Szep. 11. (P), 13.24
Sziasztok,

Kérlek mutassatok egy jó scriptet (esetleg jQuery-ben) az alábbi feladat elvégzésére:

<form>
   <table>
      <tr>
         <td><input type='number' name='x'></td>
         <td>Egységár (integer) pl.: 100</td>
         <td>Érték</td>
      </tr>
      <tr>
         <td><input type='number' name='x'></td>
         <td>Egységár (integer)pl.: 1260</td>
         <td>Érték</td>
      </tr>
   </table>
</form>
Azt szeretném elérni, hogy a number mezőbe beírt érték autómatikusan jelennyen meg mint eredmény az "Érték" mezőbe az alábbi képlet alapján:
number értéke * Egységár --> Eredmény: "Érték" mezőbe
‹ SVG sebesség XML_Notepad ›
 ■
1

Itt van pár. Mit értesz jó

Endyl · 2015. Szep. 11. (P), 14.13
Itt van pár.
Mit értesz jó alatt?

Legegyszerűbben:
mytarget.addEventListener('triggerevent', function (e) {
	var quantity = quantityInput.value,
	    unitPrice = unitPriceHolder.value;
	resultHolder.textContent = quantity * unitPrice;
})
A triggereventet természetesen ki kell cserélni egy tényleges eseményre, ami érvényes a mytarget elemen (gombnyomás, input egy szövegmezőn, vagy amit szeretnél). A myTarget, quantityInput, unitPriceHolder és resultHolder elemekhez könnyen hozzájuthatsz az esethez legmegfelelőbb DOM függvényekkel (és persze az adott elemtől függően lehet, hogy nem a value vagy a textContent propertyre lesz szükséged; használd a megfelelőt).
Egy kis pluszként némi formai ellenőrzést is be lehet vezetni az adatokra, hogy ne NaN, vagy egyéb haszontalan érték legyen az eredmény.