Javascript создает случайные массивы со случайными числами в нем?

Я делаю простое задание для класса и пытаюсь создать таблицу, используя только Javascript. Моя таблица настроена идеально, просто каждая вторая строка показывает случайное число, а затем переходит к следующей. как мне избавиться от случайной строки?

 var table = ["Name", "Turn Average", "Surface Area", "100% Boosting"];

 var names = ["Octane", "Dominus", "Breakout", "X-Devil", "Batmobile"];

 var turnaverages = [2.18, 2.22, 2.22, 2.21, 2.25];

 var surfacearea = [34495, 34529, 32679, 34242, 34365];

var maxboost = [1.967, 2.031, 2.035, 2.014, 2.10];

function info() {
document.write("<table>"); 
document.write("<tr>"); 

//these next lines output the table heading (th) tags for the table (this information doesn't repeat in the table)
document.write("<th>Name</th>");
document.write("<th>Turn Average</th>");
document.write("<th>Surface Area</th>");
document.write("<th>100% Boosting</th>");
document.write("</tr>"); //close first table row element
//create a for loop that will last for the number of days in the forecast
for(var i = 0; i < names.length; i++){
    document.write("<tr>"); //create a table row
        //output each table data tag for the table with information pulled 
         from the arrays
        document.write("<td>" + names[i] + "</td>");
        document.write("<td>" + turnaverages[i] + "</td>");
        document.write("<td>" + surfacearea[i] + "</td>");
        document.write("<td>" + maxboost[i] + "</td>");
        document.write("</tr>");
        //depending on the description of the weather for the day, change 
           the image to be representative to that description -- (for 
           example on a rainy day, show the rainy image)
        if ( names[i] === "Dominus" ) {
            document.write("<td>" + turnaverages[i] + surfacearea[i] + 
            maxboost[i] + "</td>");
        }
        else if ( names[i] === "Breakout" ){
            document.write("<td>" + turnaverages[i] + surfacearea[i] + 
             maxboost[i] + "</td>");
        }
            else if ( names[i] === "X-Devil" ){
            document.write("<td>" + turnaverages[i] + surfacearea[i] + 
            maxboost[i] + "</td>");
        }
        else if ( names[i] === "Batmobile" ){
            document.write("<td>" + turnaverages[i] + surfacearea[i] + 
            maxboost[i] + "</td>");

        }

       document.write("</tr>"); //close the table row element
     }
      document.write("</table>"); //close the table element
    }

документ. неверный. Пожалуйста, используйте что-нибудь более современное и менее запутанное. Эта функция пытается записать в текущий документ. Если документ уже был обработан, он будет заменен пустым с вашим аргументом. Вы этого не хотите; вместо этого используйте правильные методы DOM.

CertainPerformance 12.04.2018 06:57
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
1
49
1

Ответы 1

У тебя есть

document.write("<td>" + maxboost[i] + "</td>");
document.write("</tr>");

Сразу после этого последовали погодные тесты с попыткой записать td, за которым снова последовал еще один

document.write("</tr>"); //close the table row element

Итак, вам просто нужно удалить первый </tr>, поскольку вы пока не хотите закрывать строку:

var table = ["Name", "Turn Average", "Surface Area", "100% Boosting"];

var names = ["Octane", "Dominus", "Breakout", "X-Devil", "Batmobile"];

var turnaverages = [2.18, 2.22, 2.22, 2.21, 2.25];

var surfacearea = [34495, 34529, 32679, 34242, 34365];

var maxboost = [1.967, 2.031, 2.035, 2.014, 2.10];

function info() {
  document.write("<table>");
  document.write("<tr>");

  //these next lines output the table heading (th) tags for the table (this 
  document.write("<th>Name</th>");
  document.write("<th>Turn Average</th>");
  document.write("<th>Surface Area</th>");
  document.write("<th>100% Boosting</th>");
  document.write("</tr>"); //close first table row element
  //create a for loop that will last for the number of days in the forecast
  for (var i = 0; i < names.length; i++) {
    document.write("<tr>"); //create a table row
    //output each table data tag for the table with information pulled 
    document.write("<td>" + names[i] + "</td>");
    document.write("<td>" + turnaverages[i] + "</td>");
    document.write("<td>" + surfacearea[i] + "</td>");
    document.write("<td>" + maxboost[i] + "</td>");
    //depending on the description of the weather for the day, change 
    if (names[i] === "Dominus") {
      document.write("<td>" + turnaverages[i] + surfacearea[i] +
        maxboost[i] + "</td>");
    } else if (names[i] === "Breakout") {
      document.write("<td>" + turnaverages[i] + surfacearea[i] +
        maxboost[i] + "</td>");
    } else if (names[i] === "X-Devil") {
      document.write("<td>" + turnaverages[i] + surfacearea[i] +
        maxboost[i] + "</td>");
    } else if (names[i] === "Batmobile") {
      document.write("<td>" + turnaverages[i] + surfacearea[i] +
        maxboost[i] + "</td>");

    }

    document.write("</tr>"); //close the table row element
  }
  document.write("</table>"); //close the table element
}
info();

2.22345292.031 и подобные числа являются результатом сокатенации строк - когда вы возьмете строку и к ней +, вы получите другую строку. (не уверен, что вы на самом деле хотите вместо этого)

Другие вопросы по теме