将输入值作为参数传递给按钮中的JavaScript函数

Question

I have a field where you can insert a number and I want to pass this number as a parameter to a button which calls a function. I tried the getElementById but didn't work as expected.

My code is called inside php. I get the first 2 parameters(name, price) from a database and I want the third(quantity) one to be from that input. Is it possible?

<input type="number"  min="0" style ="width:4em" id="quantity" name="quantity" />
<input type="button" value="Add to Cart" onclick="AddtoCart(\''.$name.'\',\''.$price.'\',quantity); " />

Answer 1

Variables from php has to be passed to html correctly with php starting and ending tags:

<input type="number"  min="0" style ="width:4em" id="quantity" name="quantity" />
<input type="button" value="Add to Cart" onclick="AddtoCart('<?php echo $name; ?>', '<?php echo $price; ?>',document.getElementById('quantity').value); " />