Bom gente, eu sou novo em JavaScript e preciso fazer um carrinho de compras muito simples em JS e com Cookie. Eu preciso criar três produtos com um botão de adicionar, e uma div do lado direito com os produtos e as quantidades. Cada vez que clicar para adicionar somar um nas quantidades na outra div. Não estou conseguindo somar nos itens da outra div. Se puderem me ajudar. <html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<style type="text/css">
#prod{background-color:#000000; color:#FFFFFF; width:400px;position:absolute;}
#carr{position:absolute; left:600px; top:0px;}
</style>
<script type="text/javascript">
function add(){
var v =document.getElementById("num");
v.value=parseInt(v.value)+1;}
</script>
</head>
<body>
<div id="prod">
<p>Calça: <br><input type="button" name="cal" onclick="add()" value="Adicionar ao Carrinho."></p>
<p>Bermuda: <br><input type="button" name="ber" value="Adicionar ao Carrinho."></p>
<p>Camisa: <br><input type="button" name="cam" value="Adicionar ao Carrinho."></p>
</div>
<div id="carr">
<p>Calça<br> Iten(s):<p id="num">0</p></p>
<p>Bermuda<br> Iten(s):</p>
<p>Camisa<br> Iten(s):</p>
</div>
</body>
</html>