2 Reports using objects and arrays javascript
2.1 Specify a reference to the result of the report, which appeared in arrays of javascript
№1
Example: Output of array elements.
<html> <body> <script type="text/javascript"> var x; var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW";
for (x in mycars) {
document.write(mycars[x] + "<br />");
} </script> </body> </html>
№2
Example: 5 days a week in words, numbers. Display the result with Concate (), Join (), Popped (), Reverse (), Shift (), Sorted (). Here is an example demonstrates array in JavaScript.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>JavaScript Array Example</TITLE>
<SCRIPT type="text/javascript">
js_array_var1=new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday");
js_array_var2=new Array(1, 2, 3, 4, 5);
document.write("Array 1 : "+js_array_var1+"<HR/>")
document.write("Array 2 : "+js_array_var2+"<HR/>")
document.write("Concatenated Both Arrays : "+js_array_var1.concat(js_array_var2+"<HR/>")) document.write("Joined Both Arrays : "+js_array_var1.join(js_array_var2)+"<HR/>")
document.write("Array 1 Popped Out : "+js_array_var1.pop()+"<HR/>")
document.write("Reversed Array 1: "+js_array_var1.reverse()+"<HR/>")
document.write("Shifted Array 1 : "+js_array_var1.shift()+"<HR/>")
document.write("Sorted Array 1 : "+js_array_var1.sort())
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
Here is the output produced by the above JavaScript array example.
Here is the live demo output of the above Array object example in JavaScript.
Array 1 : Sunday,Monday,Tuesday,Wednesday,Thursday
Array 2 : 1,2,3,4,5
Concatenated Both Arrays : Sunday,Monday,Tuesday,Wednesday,Thursday,1,2,3,4,5
Joined Both Arrays : Sunday1,2,3,4,5Monday1,2,3,4,5Tuesday1,2,3,4,5Wednesday1,2,3,4,5Thursday
Array 1 Popped Out : Thursday
Reversed Array 1: Wednesday,Tuesday,Monday,Sunday
Shifted Array 1 : Wednesday
Sorted Array 1 : Monday,Sunday,Tuesday
№3
Example: Numeric Sort. By default, the sort() function sorts values as strings. This works well for strings ("Apple" comes before "Banana"). However, if numbers are sorted as strings, "25" is bigger than "100", because "2" is bigger than "1". Because of this, the sort() method will produce incorrect result when sorting numbers. You can fix this by providing a compare function:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Array Sort</h2>
<p>Click the button to sort the array in ascending order.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var points = [40, 100, 1, 5, 25, 10];
document.getElementById("demo").innerHTML = points;
function myFunction() {
points.sort(function(a, b){return a - b});
document.getElementById("demo").innerHTML = points;
}
</script>
</body>
</html>
CONCLUSION
Why to Learn JavaScript ? There are the three languages, all web developers must know, these are the following:
• HTML - to define the content of web pages
• CSS - to define the layout of web pages
• JavaScript - to program the behaviour of web pages
BIBLIOGRAPHY
Глушаков С.В. и др. Программирование Web-страниц. М.: Изд. АСТ, 2003.-387с
Мұхамбетжанова С. Т. Компьютерлік дизайн. – Алматы, 2007.
Балафанов Н., Бөрібаев Б. Информатикадан 30 сабақ. – Алматы, 2003.
Смирнова И. Е., Web-дизайн бастамасы. – Санкт-Петербург, 2003.
Гончаров А. Самоучитель HTML. – Москва, 2002.
Информатика негіздері журналы, № 5-6 2006 жыл. – Алматы.
Информатика и образование №2 2001 жыл. – Москва.
Левковец, Л. Уроки компьютерной графики. Photoshop CS/, СПб.: Питер, 2005
Миронов Д. «Corel DRAW 12»: Учебный курс. –СПб.: Питер, 2004,
Миронов Д. Компьютерная графика в дизайне. –СПб.: Питер, 2004,
Мюррей Д.Д., Райпер У. Энциклопедия форматов графических файлов. Пер. С анг. Киев: ВНҮ, 1997,
Панкратов Т. Photoshop7. СПб.: Питер, 2005
Влад Мержевич. Теги HTML
Влад Мержевич css@htmlbook.ru
Web-сайт своими руками — И. Шапошников .: БХВ – Санкт-Петербург, 2000.
Дәулетқұлов А., Балапанов Е.Қ., Бөрібаев Б. Информатикадан 30 сабақ, [Текст]:Пер.с каз/Х.М. Дәулетқұлов, Е.Қ. Балапанов, Б. Бөрібаев.-1-изд.-М.:ЗАО”Издательство Алматы ИНТ”,2008.—1184с. 20 экз.
Ефимова . Курс компьютерной технологий [Текст]:Пер.с англ/Х.М.Ефимова,П.Д.Ефимова,Т.Р.Новиков.-2-изд.-М.:ЗАО”Издательство Рианом”,2004.—684с. 1 экз.
Пол Вилтон, Джереми Макпик Javascript рукаводства програмиста примерах [Текст]:Пер.с рус/Х.П.Вилтон,Дж.Макпик,Т.Р.Вилтон.-2-изд.-М.:ЗАО”Издательство Питер ”,2001.—500с. 12 экз.
Вайк Аллен Javascript в примерах [Текст]:Пер.с англ/Х.В.Аллен,П.Дж.Брукс,Т.Р.Далман.-2-изд.-М.:ЗАО”Издательство Питер ”,2009.—500с. 12 экз.
Дейтел,Х.М.,Как програмировать для Internet и www [Текст]:Пер.с англ/Х.М.Дейтел,П.Дж.Дейтел,Т.Р.Ниетто.-2-изд.-М.:ЗАО”Издательство БИНОМ”,2008.—1184с. 20 экз.
www.rambler.ru іздеу сайты
www.google.ru іздеу сайты
www.yandex.ru іздеу сайты
www.KAZcity.ru іздеу сайты
www.TourKAZinfo.ru іздеу сайты
https://www.w3schools.com/asp/asp_inputforms.asp
https://www.w3schools.com/js/tryit.asp?filename=tryjs_confirm
https://www.w3schools.com/jsref/prop_text_value.asp
https://www.w3schools.com/css/css_colors.asp