Untuk memperluas apa yang ditunjukkan oleh @Logan Wayne...
Jadi, dalam JavaScript Anda, saat Anda mengambil referensi ke elemen data tabel, Anda akan selalu mendapatkan instance PERTAMA dari objek Dokumen dengan id apa pun yang Anda berikan.
// 2. Define what to do when XHR feed you the response from the server - Start
var product = document.getElementById("product").value; <-- will always return the same element
var pp1 = document.getElementById("pp1").value; <-- will always return the same element
var rp1 = document.getElementById("rp1").value; <-- will always return the same element
var stacking = document.getElementById("stacking").value; <-- will always return the same element
Anda harus menetapkan id unik ke objek td Anda, atau, sekali lagi seperti yang disebutkan @Logan Wayne, gunakan properti kelas objek DOM HTML.
Kelas dapat digunakan untuk mengelompokkan elemen serupa. Setelah menetapkan nama kelas ke kolom yang berbeda di tabel Anda (Produk , Harga Promosi , Harga Biasa , Menumpukan ) Anda dapat menggunakan getElementsByClassName() untuk mendapatkan larik elemen td.
...
var products = document.getElementsByClassName("product"); <-- array of product td elements
...
