Click here to Skip to main content
14,362,827 members

JavaScript

 
QuestionRe: get a function to countdown (from any number) to zero Pin
Richard MacCutchan25-Dec-18 22:18
protectorRichard MacCutchan25-Dec-18 22:18 
AnswerRe: get a function to countdown (from any number) to zero Pin
Bohdan Stupak9-Jan-19 20:40
professionalBohdan Stupak9-Jan-19 20:40 
Questionhow to get a js fuction to return html opening and closing tag Pin
Member 1409810522-Dec-18 18:34
memberMember 1409810522-Dec-18 18:34 
AnswerRe: how to get a js fuction to return html opening and closing tag Pin
Richard MacCutchan23-Dec-18 0:35
protectorRichard MacCutchan23-Dec-18 0:35 
GeneralRe: how to get a js fuction to return html opening and closing tag Pin
Member 1409810523-Dec-18 15:31
memberMember 1409810523-Dec-18 15:31 
QuestionGet an html table multiple rows as a string URL for Ajax Pin
Member 1409585019-Dec-18 23:55
memberMember 1409585019-Dec-18 23:55 
AnswerRe: Get an html table multiple rows as a string URL for Ajax Pin
Afzaal Ahmad Zeeshan23-Dec-18 1:29
mveAfzaal Ahmad Zeeshan23-Dec-18 1:29 
Questiondebug shopping cart project Pin
ghazabaz13-Dec-18 16:56
memberghazabaz13-Dec-18 16:56 
Hello guys,

My final project is almost complete. It is a sub website and the goal is to add items to the cart and calculate if the items has been added or not etc.

Here is what I have so far:

window.addEventListener("load", setupCart);

function setupCart() {
	var addButtons = document.getElementsByClassName("addButton");
	
	for (var i = 0; i < addButtons.length; i++) {
		addButtons[i].addEventListener(addItem);
	}
}

function addItem(e) {
	var foodItem = e.target.nextElementSibling;
	var foodID = foodItem.getAttribute("id").value;
	var foodDescription = foodItem.cloneNode(true);
	var cartBox = document.getElementById("cart");
	
	var duplicateOrder = false;
	
	for (var i = 0; i < cartBox.childNodes.length; i++) {
		if (cartBox.childNodes[i].id === foodID) {
			cartBox.firstElementChild.value + 1;
		}
	}
	
	if (duplicateOrder === false) {
		var orderCount = document.createElement("span");
		orderCount.textContent = 1;
		foodDescription.appendChild(orderCount);
		cartBox.appendChild(foodDescription);
	}
}


I am getting an error on the browsers debug window saying:
Quote:
SCRIPT65535: SCRIPT65535: Argument not optional


For the following code:
addButtons[i].addEventListener(addItem);


Thanks !


***EDIT***

Found a bug:

addButtons[i].addEventListener(addItem);


Updated to:

addButtons[i].addEventListener("click", addItem);


Now items are loading onto cart, but repeat items are NOT simply being added by number, rather a duplicate fills the cart if the original is already there.

Working on this now. Debugger shows no error however.

modified 13-Dec-18 22:27pm.

Questione.target.value, switch-case operators Pin
ghazabaz6-Dec-18 20:22
memberghazabaz6-Dec-18 20:22 
QuestionRe: e.target.value, switch-case operators Pin
Richard MacCutchan7-Dec-18 0:26
protectorRichard MacCutchan7-Dec-18 0:26 
QuestionRe: e.target.value, switch-case operators Pin
ghazabaz7-Dec-18 4:47
memberghazabaz7-Dec-18 4:47 
AnswerRe: e.target.value, switch-case operators Pin
Richard MacCutchan7-Dec-18 5:29
protectorRichard MacCutchan7-Dec-18 5:29 
AnswerRe: e.target.value, switch-case operators Pin
Richard Deeming7-Dec-18 6:37
mveRichard Deeming7-Dec-18 6:37 
QuestionRe: e.target.value, switch-case operators Pin
ghazabaz7-Dec-18 7:44
memberghazabaz7-Dec-18 7:44 
AnswerRe: e.target.value, switch-case operators Pin
Richard Deeming7-Dec-18 7:51
mveRichard Deeming7-Dec-18 7:51 
AnswerRe: e.target.value, switch-case operators Pin
Richard Deeming7-Dec-18 7:54
mveRichard Deeming7-Dec-18 7:54 
QuestionRe: e.target.value, switch-case operators Pin
ghazabaz8-Dec-18 6:19
memberghazabaz8-Dec-18 6:19 
AnswerRe: e.target.value, switch-case operators Pin
Richard Deeming11-Dec-18 2:16
mveRichard Deeming11-Dec-18 2:16 
PraiseRe: e.target.value, switch-case operators Pin
ghazabaz13-Dec-18 7:05
memberghazabaz13-Dec-18 7:05 
QuestionEasy HTML Editor Pin
Bram van Kampen3-Dec-18 16:23
memberBram van Kampen3-Dec-18 16:23 
AnswerRe: Easy HTML Editor Pin
Nathan Minier6-Dec-18 2:24
professionalNathan Minier6-Dec-18 2:24 
AnswerRe: Easy HTML Editor Pin
Nitin Sawant7-Dec-18 2:57
professionalNitin Sawant7-Dec-18 2:57 
AnswerRe: Easy HTML Editor Pin
RedDk28-Dec-18 12:44
memberRedDk28-Dec-18 12:44 
GeneralRe: Easy HTML Editor Pin
Bram van Kampen28-Dec-18 13:55
memberBram van Kampen28-Dec-18 13:55 
QuestionProblems to obtain value "0" or "1" from a div Pin
serenimus1-Dec-18 1:37
memberserenimus1-Dec-18 1:37 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.