获取总和并将其打印到一个元素

Question

我如何从函数传递值？有没有办法从函数中获取结果。我制作了一个关于订购披萨的简单程序。披萨有3种选择，大小有3种选择（小，中，大），还有一些浇头选择，价格不同。所以我认为我可以通过将所有选择的选项值推送到一个数组然后使用“减少”方法来获得总数来获得总数。或者还有其他解决方案吗？ var subTotal=[];function pizzaChoice(menuId) {//  push result to subTotal array}function pickSize(size) {//  push result to subTotal array}function pickTopping(topping) {    //  push result to subTotal array}function calc(){// add up all using reduce method }

Answer 1

你的问题太宽泛，但我会定义所有价格，而不是计算是一个简单的步骤：

var prices = {

    'vegetariana': {

        's': 8,

        'm': 10,

        'l': 12

    },

    'cheese': {

        's': 9,

        'm': 11,

        'l': 14

    },

    'margherita': {

        's': 8.3,

        'm': 10.5,

        'l': 13

    },

};

function getPizzaPrice(name, size) {

    return prices[name][size];

};

function displayPrice() {

    var pizzaName = document.getElementById("name").value;

    var pizzaSize = document.getElementById("size").value;

    var pizzaPrice = getPizzaPrice(pizzaName, pizzaSize);

    document.getElementById("result").innerHTML = pizzaPrice;

};

document.getElementById("name").onchange = displayPrice;

document.getElementById("size").onchange = displayPrice;

displayPrice();

<select id="name">

    <option value="vegetariana">Vegetariana</option>

    <option value="cheese">Cheese</option>

    <option value="margherita">Margherita</option>

</select>

<select id="size">

    <option value="s">Small</option>

    <option value="m">Medium</option>

    <option value="l">Large</option>

</select>

<p>Price: <span id="result"></span></p>

也在JSFiddle上。

请注意，有很多方法可以做到这一点。

Answer 2

获取函数结果的最基本方法是返回它。

请参见下面的示例：

function [functionName]([parameters]){

    // do things

    return [your result];

}

方括号里的东西是占位符值，随便替换。