Форум

sana · #1 (**permalink**) 01.04.2015, 00:49

Всем привет,
Только начала изучать 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()

skrudjmakdak · #2 (**permalink**) 01.04.2015, 08:27

<!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>

ksa · #3 (**permalink**) 01.04.2015, 08:28

Сообщение от sana

не уверена, что моя function работает правильно, так ли это?

sort() он и в Африке sort()...

skrudjmakdak · #4 (**permalink**) 01.04.2015, 08:32

используемый материал:
http://learn.javascript.ru/array-methods#метод-join
http://learn.javascript.ru/searching...eryselectorall
http://learn.javascript.ru/debugging-chrome#консоль

рони · #5 (**permalink**) 01.04.2015, 09:11

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>

рони · #6 (**permalink**) 01.04.2015, 09:34

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>

Форум

Справочник

Discord чат

Курсы javascript