Javascript 从数组中检索购物车的值?

标签 javascript events onclick cart handlers

所以我有一个充满菜单选项的数组:

var entreescontent=new Array();
entreescontent[0]="Taco Plate";
entreescontent[1]=4.50;
entreescontent[2]="Three tacos of your choice of beef,chicken,pork,or veggie. Served with a side of rice.";

entreescontent[3]="Burrito";
entreescontent[4]=5.50;
entreescontent[5]="Your choice of beef,chicken, pork, or veggie wrapped in a flour tortilla with lettuce, tomato, sour cream, and beans.";

entreescontent[6]="Torta";
entreescontent[7]=4.50;
entreescontent[8]="Your choice of beef,chicken, pork, or veggie in between slices of mexican loaf bread with lettuce, tomato, sour cream, and beans.";

entreescontent[9]="Gorditas";
entreescontent[10]=4.00;
entreescontent[11]="Your choice of beef,chicken, pork, or veggie on top of a corn flour cake with lettuce, tomato, sour cream, and beans.";

当有人点击我的导航栏上的“Entrees”时,此函数会显示页面上的内容:

function setCourses(entrees){
    var k=0;
    var element=document.getElementById('contentbody');
    element.innerHTML='';

    while(k<entrees.length){
        var name=entrees[k];
        var space="        $<span>";
        var price=entrees[k+1];
        var break1="</span><br />";
        var break2="<br />";
        var description=entrees[k+2];
        var concat=name+space+price+break1+description+break2+break2;
        element.innerHTML+=concat;
        k+=3;
    }
}

这可以正常工作并显示如下类(class):

炸 Jade 米饼盘 4.5 美元
三种炸 Jade 米饼,可选牛肉、鸡肉、 pig 肉或蔬菜。配上米饭。

在我的 CSS 中,当用户将鼠标悬停在价格(附加了 span 元素)上时,价格会更改为不同的颜色。 我想要做的是,当人们点击该价格时,我希望能够检索该值,以便我可以将其添加到购物车中,我将其作为空白:

<div id='car'></div>.

使用 Javascript 我该如何尝试做到这一点?

最佳答案

这是一些快速而肮脏的东西

    <script>
      var price = 0;
      function add(the_price){
        price =+ the_price;
        //update value
        document.getElementById("car").innerHTML=price;
      }

    </script>

    //from your code
    var space="        $<span onclick='add(" + entrees[k+1] + ")'>";

与减号相同...

关于Javascript 从数组中检索购物车的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16322129/

相关文章:

javascript - 如何在其他人向下滑动时删除一个类

javascript - Node.js 在回调中调用回调函数

javascript - Jquery删除字符串中除单词之间的所有空格不起作用

javascript - 使用 keydown() 仅发送一个 Ajax post 请求 - jQuery

javascript - 如何将参数传递给事件监听器的回调函数而不丢失 "event"属性?

java - 安卓按钮及其工作原理

javascript - 通过 javascript 调用更改 onclick 函数时无法发送动态 javascript 参数

javascript - 如何在 React Native (iOS) 中检查退格键(删除)按键

delphi - 调整表单大小,同时保持纵横比

javascript - jQuery 单击在 webkit 浏览器中不触发