Array и function
Всем привет,
Только начала изучать javascript , и каша в голове с функциями. Мне нужно было написать массив (array), содержащий пять фильмов. Потом через function отсортировать его в алфавитном и обратном порядке. У меня несколько вопросов : 1) не уверена, что моя function работает правильно, так ли это? 2)как делать, чтобы список фильмов был в столбик, а не в стпочку, как у меня сейчас? Всем заранее спасибо))
var movies = new Array("Star Wars: Episode VII - The Force Awakens", "Max", "Spirited Away", "The Hunger Games", "Wild");
for(var i = 0; i < movies.length; i++)
function listMovies(movies)
{
var result = movies.sort();
return result;
}
document.writeln("<br>Фильмы в алфавитном порядке:<br>");
document.writeln(movies.sort());
document.writeln("<br>Фильмы в обратном порядке:<br>");
document.writeln(movies.reverse()
|
<!DOCTYPE html>
<html>
<head>
<title>123</title>
</head>
<body>
<div></div>
<script>
var movies = new Array("Star Wars: Episode VII - The Force Awakens", "Max", "Spirited Away", "The Hunger Games", "Wild");
movies.sort(); //сортируем
var d = document.querySelector('div');//найдем div
console.log(d);//выведем его в консоль. убедимся что он есть
var str = movies.join('<div></div>'); //команда join объединяет элементы массива в строку разделяя элементы строкой '<div></div>'
console.log(str); //выведем в консоль строку
d.innerHTML = '<div>' + str + '</div>'; //добавим внутрь div'a наши фильмы
</script>
</body>
</html>
|
Цитата:
|
|
sana,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<script>
var movies=new Array("Star Wars: Episode VII - The Force Awakens","Max","Spirited Away","The Hunger Games","Wild");
for(var i=0;i < movies.length;i++)
function listMovies(movies)
{
var result=movies.sort();
return result;
}
document.writeln("<br>Фильмы в алфавитном порядке:<br>");
document.writeln(movies.sort().join('<br>'));
document.writeln("<br>Фильмы в обратном порядке:<br>");
document.writeln(movies.reverse().join('<br>'))
</script>
</body>
</html>
|
sana,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
p{
margin: 2px 0px;
border-bottom: #000000 1px groove;
display: table;
}
p:nth-of-type(6n+1){
border-bottom: #FF1493 3px groove;
}
</style>
</head>
<body>
<script>
var movies=new Array("Star Wars: Episode VII - The Force Awakens","Max","Spirited Away","The Hunger Games","Wild");
for(var i=0;i < movies.length;i++)
function listMovies(movies)
{
var result=movies.sort();
return result;
}
document.writeln("<p>Фильмы в алфавитном порядке:<p>");
document.writeln(movies.sort().join('<p>'));
document.writeln("<p>Фильмы в обратном порядке:<p>");
document.writeln(movies.reverse().join('<p>'))
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 12:55. |