Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript _Javascript_Html_Arrays_Loops - Fatal编程技术网

Javascript

Javascript ,javascript,html,arrays,loops,Javascript,Html,Arrays,Loops,您可以尝试以下操作之一: 使用原始格式: var info=新数组(5); var drinkInfo=新数组(5); drinkInfo[0]=“纯黑咖啡,由我们最好的烘焙咖啡豆酿造而成。”; drinkInfo[1]=“巧克力摩卡口味,覆盖巧克力片,顶部加鲜奶油。”; drinkInfo[2]=“香草味冰饮料,顶部加鲜奶油和焦糖(不加咖啡)”; drinkInfo[3]=“南瓜味拿铁,加浓咖啡和牛奶,是一种美味的饮料。”; drinkInfo[4]=“带有香草味糖浆的蒸牛奶带有浓咖啡的标记

您可以尝试以下操作之一:

使用原始格式:

var info=新数组(5);
var drinkInfo=新数组(5);
drinkInfo[0]=“纯黑咖啡,由我们最好的烘焙咖啡豆酿造而成。”;
drinkInfo[1]=“巧克力摩卡口味,覆盖巧克力片,顶部加鲜奶油。”;
drinkInfo[2]=“香草味冰饮料,顶部加鲜奶油和焦糖(不加咖啡)”;
drinkInfo[3]=“南瓜味拿铁,加浓咖啡和牛奶,是一种美味的饮料。”;
drinkInfo[4]=“带有香草味糖浆的蒸牛奶带有浓咖啡的标记,顶部是焦糖细雨。”;
//获取所有标签
var coffes=document.getElementsByTagName(“b”);
//循环遍历所有drinkInfos并将信息附加到相应的元素
对于(变量i=0;i
为您选择的饮料输入数量:

黑咖啡:
摩卡咖啡:
香草豆脆饼:
南瓜香料拿铁:
焦糖玛奇朵:
var info=新数组(5)
var drinkInfo=新数组(5);
drinkInfo[0]=“纯黑咖啡,由我们最好的烘焙咖啡豆酿造而成。”;
drinkInfo[1]=“巧克力摩卡口味,覆盖巧克力片,顶部加鲜奶油。”;
drinkInfo[2]=“香草味冰饮料,顶部加鲜奶油和焦糖(不加咖啡)”;
drinkInfo[3]=“南瓜味拿铁,加浓咖啡和牛奶,是一种美味的饮料。”;
drinkInfo[4]=“带有香草味糖浆的蒸牛奶带有浓咖啡的标记,顶部是焦糖细雨。”;
函数insertAfter(newNode,referenceNode){
referenceNode.parentNode.insertBefore(newNode,referenceNode.nextSibling);
}
函数displayInfo(){
对于(变量i=0;i

为您选择的饮料输入数量:

黑咖啡:
摩卡咖啡:
香草豆瓣脆饼:
南瓜香料拿铁:
焦糖玛奇朵:
var info=新数组(5)
var drinkInfo=新数组(5);
drinkInfo[0]=“纯黑咖啡,由我们最好的烘焙咖啡豆酿造而成。”;
drinkInfo[1]=“巧克力摩卡口味,覆盖巧克力片,顶部加鲜奶油。”;
drinkInfo[2]=“香草味冰饮料,顶部加鲜奶油和焦糖(不加咖啡)”;
drinkInfo[3]=“南瓜味拿铁,加浓咖啡和牛奶,是一种美味的饮料。”;
drinkInfo[4]=“带有香草味糖浆的蒸牛奶带有浓咖啡的标记,顶部是焦糖细雨。”;
函数insertAfter(newNode,referenceNode){
referenceNode.parentNode.insertBefore(newNode,referenceNode.nextSibling);
}
函数displayInfo(){
对于(变量i=0;i

为您选择的饮料输入数量:

黑咖啡:
摩卡咖啡:
香草豆瓣脆饼:
南瓜香料拿铁:
焦糖玛奇朵:


您能否提供一个最终预期HTML输出的示例,plsit应该是
i++
,for loopdrinkInfo[0]应该出现在黑咖啡的右边,依此类推。@RockGuitarist1您是否可以给
元素一个类?或者将任何HTML添加到当前标记?当前您有一个连接字符串的for循环。那没用
displayInfo
需要找到正确的位置将每段文本插入到(已经存在的?)文档中,并执行插入操作。您能否提供最终预期HTML输出的示例?for loopdrinkInfo[0]的位置应为
i++
inside应该出现在黑咖啡的右边:依此类推。@RockGuitarist1您可以给
元素一个类吗?或者将任何HTML添加到当前标记?当前您有一个连接字符串的for循环。那没用
displayInfo
需要找到正确的位置将每段文本插入到(已经存在的?)文档中,并执行插入。您的答案是最好的答案我在哪里添加顶部代码?因为当它被添加到头部时,什么都不会发生,我不能将它放在其他任何地方,否则它会打印代码本身。@akinuri我更新了我的主要帖子,向您展示我正在使用的代码。“我想我的问题是,我所有的东西都被印刷品包围了。”阿基努里说,事实上我现在拿到了。我扔掉了所有的打印件,并在付款类型下面添加了一个脚本。在这一切发生之前,我是否还能得到强[标题],因为现在整个内容都迁移到了页面底部?@RockGuitarist1您可以在这里找到您的全部工作代码。将脚本标记放在文档末尾,正文结束标记之前。您的答案是最佳答案我在哪里添加顶部代码?因为当它被添加到头部时,什么都不会发生,我不能将它放在其他任何地方,否则它会打印代码本身。@akinuri我更新了我的主要帖子,向您展示我正在使用的代码。“我想我的问题是,我所有的东西都被印刷品包围了。”阿基努里说,事实上我现在拿到了。我扔掉了所有的指纹,加了一个scr
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>The Coffee Shop</title>
</head>
<body>
<h1>The Coffee Shop</h1>
<h2>Best coffee in Pennsylvania!</h2>

<form name="drinkList" method="get">
    <script type ="text/javascript">
        /* <![CDATA[ */
        /*
        Javascript code for "Order Form" tag
        */
        // 9/22/2015
        document.write("<p><strong>Order Form</strong>: ");

        var info = new Array(5)
        var drinkInfo = new Array(5)
        drinkInfo[0] = "Plain black coffee brewed from our finest of roasted coffee beans.";
        drinkInfo[1] = "Chocolate mocha flavored, covered in chocolate chips and topped with whipped cream.";
        drinkInfo[2] = "Vanilla flavored iced drink, topped with whipped cream and caramel. (No coffee added)";
        drinkInfo[3] = "Pumpkin flavored latte, with espresso and milk mixed together for a delicious beverage.";
        drinkInfo[4] = "Steamed milk with vanilla-flavored syrup is marked with espresso and topped with caramel drizzle.";

        var money = new Array(5)
        var price = new Array(5)
        price[0] = "$0.99";
        price[1] = "$3.29";
        price[2] = "$2.99";
        price[3] = "$3.99";
        price[4] = "$1.29";

        var coffees = document.getElementsByTagName("b");

        for (var i = 0; i < drinkInfo.length; i++) {
            coffees[i].innerHTML += " " + drinkInfo[i];
        }

        /* ]]> */


             </script> 
                    <!-- Below adds First name, Last name, Phone number, and Payment type. -->
                       <p> 
                           First Name:
                           <input type="text" name="firstName" />
                           <br />
                           <br />
                           Last Name:
                           <input type="text" name="lastName" />
                           <br />
                           <br />
                           Phone Number *(123)-456-7890*:
                           <input type="text" name="phoneNumber" />
                           <br />
                           <br />
                           Payment Type:
                           <select name="options">
                           <option>Choose One</option>
                           <option>Visa</option>
                           <option>Mastercard</option>
                           <option>Paypal</option>
                           </select>
                        <p> <!-- Textboxes for drinks -->
                            <strong>Enter quantity for your choice of drink:</strong>
                            <br />
                            <br />
                            <input type="text" name="quant1" value="0" style="width: 25px;" /> <b>Black Coffee:</b>
                            <br />
                            <input type="text" name="quant2" value="0" style="width: 25px;" /> <b>Loco Mocha:</b>
                            <br />
                            <input type="text" name="quant3" value="0" style="width: 25px;" /> <b>Vanilla Bean Frappuccino:</b>
                            <br />
                            <input type="text" name="quant4" value="0" style="width: 25px;" /> <b>Pumpkin Spice Latte:</b>
                            <br />
                            <input type="text" name="quant5" value="0" style="width: 25px;" /> <b>Caramel Macchiato:</b>
                            <br />
                        </p>
                           <!-- Adds extra choices -->
                           <strong>Select any extras:</strong>
                           <br />
                           <br />
                           <input type="text" name="whip" value="0" style="width: 25px;" /> Whipped Cream
                           <br />
                           <input type="text" name="cream" value="0" style="width: 25px;"  /> Cream
                           <br />
                           <input type="text" name="sugar" value="0" style="width: 25px;" /> Sugar
                           <br />
                           <input type="text" name="chocolate" value="0" style="width: 25px;" /> Chocolate
                           <br />
                           <input type="text" name="caramel2" value="0" style="width: 25px;" /> Caramel
                           <br />
                           <br />

                           <!-- Submit button -->
                           <input type="submit" value="Order" />

                           <!-- Functional Reset button -->
                           <input type="reset" value="Reset" />
           </form>
<div id="footer" class="CR" align="center">
            &copy; All rights reserved. The Coffee Shop.
        </div>
var info = new Array(5)
var drinkInfo = new Array(5);

drinkInfo[0] = "Plain black coffee brewed from our finest of roasted coffee beans.";
drinkInfo[1] = "Chocolate mocha flavored, covered in chocolate chips and topped with whipped cream.";
drinkInfo[2] = "Vanilla flavored iced drink, topped with whipped cream and caramel. (No coffee added)";
drinkInfo[3] = "Pumpkin flavored latte, with espresso and milk mixed together for a delicious beverage.";
drinkInfo[4] = "Steamed milk with vanilla-flavored syrup is marked with espresso and topped with caramel drizzle.";

function displayInfo() {
    var fullInfo = ""
    for (var i = 0; i < drinkInfo.length; ++i) {
        if (i === 0) {
            fullInfo += '<strong>Enter quantity for your choice of drink:</strong><br />';
        }

        fullInfo += '<input type="text" name="quant' + (i + 1) + '" style="width: 25px;" /> <b>' + drinkInfo[i] + '</b><br />';
    }
}