Question

I’m a student and cannot wrap my head around why this isn’t working.

function addedToCart(x)
            {
            alert( x.value + " has been added to cart\nPress OK to continue.");
            }


<a href="#" value="blue circle" onclick="addedToCart(this)">

Any help is appreciated!

Answer 1

Because value is not a valid attribute for an anchor <a>. It’s intended to be used for form elements, such as input or select.

A more appropriate (and with valid markup) solution would be to use HTML5 data-* attributes, and then fetch it using getAttribute as suggested by @Jeffrey Sweeney:

<a href="#" data-value="blue circle" onclick="addedToCart(this)">

And then:

alert( x.getAttribute("data-value"))