Javascript: элементы списка заказов в таблице - PullRequest
Новая
       98

Javascript: элементы списка заказов в таблице

0 голосов
/ 21 марта 2020

Я работаю над задачей, используя javascript в таблице. Я пытаюсь добавить список заказов, но застрял в этом коде. при нажатии на кнопку отображается таблица, в которой я достиг. Но то, что она должна отображать с цифрами, мне нужно также добавить список заказов. Пожалуйста, кто-нибудь, кто может помочь мне решить эти проблемы. Взяв Вдохновение отсюда , Но мой код не работает codepen . Пожалуйста, кто-нибудь направит меня в правильном направлении.

Вывод: enter image description here

Заранее спасибо. 

<html>
<head></head>
<body>
	<h3>JavaScript Programming</h3>
	<hr/> 	
	<input type="button" onclick="f1()" value="Get Data"  />
	<br/>
	<br/>
	<table id="table1"  border="2">	
	</table>
	
	<script>	
		function  f1() {
			var  ar = ["HTML5", "CSS3", "JavaScript", "Angular JS", "Node JS", "Express JS"];
						
			var  str  =  "";
			for(var i  in  ar)
			{
				str =  str  +   "<tr><td>" +  ar[i]  +  "  </td> </tr>";
			}
					 
			var obj = document.getElementById("table1");
			obj.innerHTML  = str;
		}	
	</script>
</body>
</html>

1 Ответ

2 голосов
/ 21 марта 2020

вы должны сначала определить listOfList как массив 

 const listOfList = []

и второе изменение элемент на ar [i] 

listOfList.push("<li>" + ar[i] + "</li>");


function f1() {
    const listOfList = [];
    const ar = ["HTML5", "CSS3", "JavaScript", "Angular JS", "Node JS", "Express JS"];
   

    let str = "";
    for (let i in ar) {
        str = str + "<tr><td>" + (+i+1)+ "."+ ar[i] + "  </td> </tr>";
        listOfList.push("<li>" + ar[i] + "</li>");
    }

    const obj = document.getElementById("table1");
    obj.innerHTML = str;

}
<html>
<head></head>
<body>
	<h3>JavaScript Programming</h3>
	<hr/> 	
	<input type="button" onclick="f1()" value="Get Data"  />
	<br/>
	<br/>
	<table id="table1"  border="2"></table>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...