Javascript 如何创建元素并在for循环中输出值

Javascript 如何创建元素并在for循环中输出值,javascript,html,css,variables,for-loop,Javascript,Html,Css,Variables,For Loop,函数查找(城市、日期){ 警报(“我看到一个城市的“+城市+”和一天的“+天);//删除。仅用于测试 var nday=parseInt(天); 交换机(nday){ 案例0:周日返回(城市);休息; 案例1: 案例2:星期二返回(城市);休息; 案例3: 案例4: 案例5: 案例6: 默认值:警报(“蒙特利,我们有问题!我看到一天”+nday); } } 周日活动(城市){ var returnString=“”; 交换机(城市){ 案例“纽约市”: “檀香山”案: 案例“香港”: 案例“北京

函数查找(城市、日期){
警报(“我看到一个城市的“+城市+”和一天的“+天);//删除。仅用于测试
var nday=parseInt(天);
交换机(nday){
案例0:周日返回(城市);休息;
案例1:
案例2:星期二返回(城市);休息;
案例3:
案例4:
案例5:
案例6:
默认值:警报(“蒙特利,我们有问题!我看到一天”+nday);
}
}
周日活动(城市){
var returnString=“”;
交换机(城市){
案例“纽约市”:
“檀香山”案:
案例“香港”:
案例“北京”:
案例“Tokyo”:returnString=“MAS 975©周二©20:00©14:00©500.00”;returnString;break;
“乌兰巴托”案:
“伦敦”案:
默认值:警报(“目的地无效!我看到目的地为“+城市”);中断;
}
}
功能星期二(城市){
警报(“我看到一个“+城市的城市);//删除。仅用于测试目的
var returnString=“”;
交换机(城市){
案例“纽约市”:
“檀香山”案:
案例“香港”:
案例“北京”:
案例“Tokyo”:returnString=“MAS 304©周二©15:30©6:30©650.00”;returnString;中断;
“乌兰巴托”案:
案例“伦敦”:returnString=“MAS 975©周二©20:00©14:00©500.00”;returnString;break;
默认值:警报(“目的地无效!我看到目的地为“+城市”);中断;
}
}

我想是时候正式点了
表单{填充:10px;字体:lust脚本,minion pro,无衬线;字体大小:18pt;线条高度:24pt;背景颜色:azure;文本对齐:中间;}
.resultDec{
字体:塔荷马,衬线;
字体:斜体;
字号:16pt;
背景颜色:浅黄色;
线路高度:24pt;
文本对齐:居中;
}
函数fullFunc(){
显示();
}
函数flightInfo(){
var travelDay=document.getElementsByClassName('travelDay');
var des=document.getElementById(“目的地”);
var strDes=des.options[des.selectedIndex].text;
对于(var i=0;travelDay[i];i++){
如果(travelDay[i]。选中){
var getData=lookup(destination.value,travelDay[i].value);
var getDataList=getData.split(“”);
警报(getDataList);

/*对于(i=0;i首先,我建议您使用JavaScript的ES6功能。这将解决代码中的一些编码错误。我也不完全理解您所期望的输出

我确实看过上面提到的注释代码,发现了一些编码错误。下面的代码可能会帮助您处理它

我没有优化代码,只是删除了flightInfo函数中的一些错误,这可能会帮助您获得所需的内容

    function flightInfo(){
        var travelDay = document.getElementsByClassName('travelDay');
        var des = document.getElementById("destination");
        var strDes = des.options[des.selectedIndex].text;
        for (var i =0; travelDay[i];i++){
            if (travelDay[i].checked) {
                var getData = lookup(des.value,travelDay[i].value);
                if(typeof getData != 'undefined') {
                    let getDataList = getData.split("©");
                    //alert(getDataList); 
                    for (let j=0;j<getDataList.length;j++){
                        para = document.createElement("p");
                        node = document.createTextNode(getDataList[j]);
                        para.appendChild(node);
                        element = document.getElementById("divForAppend");
                        element.appendChild(para);
                        document.getElementById("airlineNum").innerHTML += getDataList[j] +"<br>";
                    }
                }
            }
        }
    }
函数flightInfo(){
var travelDay=document.getElementsByClassName('travelDay');
var des=document.getElementById(“目的地”);
var strDes=des.options[des.selectedIndex].text;
对于(var i=0;travelDay[i];i++){
如果(travelDay[i]。选中){
var getData=lookup(des.value,travelDay[i].value);
if(getData的类型!=“未定义”){
让getDataList=getData.split(“”);
//警报(getDataList);
对于(让j=0;j)您提到的变量destination,它应该是des

getData变量可以在星期三、星期四、星期五和星期六未定义。也必须处理该变量

之所以总是得到相同的输出,主要是因为在两个for循环中都使用了两次变量“i”。我将其中一个变量改为“j”

没有调查其他问题。但我认为代码中还有更多问题。不确定


此外,我会尝试清除插入的段落标记,如果用户再次尝试重新提交表单,这些标记将附加到现有的标记上。

为了简化您的问题,这个问题太大了,您能给出一个所需输出的示例吗?谢谢您的回答,我当然需要了解更多关于ES6功能的信息……这是t的问题他使用了两次变量。我似乎在这里误用了它,因为可能在Python中,它更灵活,我正在同时学习它们……无论如何,非常感谢!