В прошлой статье по JavaScript у нас было введение, теперь же немного практики.
Практика у нас будет само что не наесть реальная , аналогичные задания например дают студентам IT специальностей (те у кого по программе есть JavaScript ). Помимо студентов, советую поглядеть ем кто недавно изучает JavaScript.
1 Значение суммы ряда с точностью до E(Эпселон) равной 0,001
И так с математической точки зрения всё сводиться к повторяющимся действиям, по этому мы будем использовать несколько циклов.
<script language="javascript">
function ohmy(){
var e=0.001;
var n=1;
var s=1;
while (s>e) {
for (var i=0;i<(n-1);i++){
f=f*(n-i);
}
s=(((n+1)*(n+1))/f);
n++;
}
alert(s);
}
</script>
Возможно ещё проще но что то на ум сходу не приходит.
2 Возведение числа в любую степень
И так тут всё гораздо проще, нам нужен всего один цикл.
<script language="javascript">
function PIvN(){
var pi=3.14;
var otv=0;
var n=document.forma1.n1.value;
for (var i=1;i<=n;i++) {
otv=pi*n;
}
alert(otv);
}
</script>
А тут у нас форма для ввода степени.
<form name=forma1 >
<input type=text name=n1 value="" >
<br>
<input type="button" name="button" value="Вычислить" onClick="PIvN();" >
</form>
3 Тесты на JavaScript
Сначала для примера вариант по короче и попроще в понимании.
<form action="/index.xml" method="post">
Which OS use UFS ?
<br>
<input type="checkbox" id="model1" value="1" />Linux<br>
<input type="checkbox" id="model2" value="2" />Windows<br>
<input type="checkbox" id="model3" value="3" />Mac OS<br>
<input type="checkbox" id="model4" value="4" />Other<br>
<br>
KDE is ?
<br>
<input type="checkbox" id="model5" value="5" "/>Windows manager<br>
<input type="checkbox" id="model6" value="6"/>Foot wear<br>
<br>
Ubuntu based on ....
<br>
<input type="checkbox" id="model7" value="7" "/>Debian<br>
<input type="checkbox" id="model8" value="8"/>Gento<br>
<input type="checkbox" id="model9" value="9"/>Slux<br>
<input type="submit" value="submit" onClick="checkBlocking()"/ >
</form>
<script language="JavaScript">
function checkBlocking() {
var i=0;
if (document.getElementById('model1').checked){
i++;
}
if (document.getElementById('model5').checked){
i++;
}
if (document.getElementById('model7').checked){
i++;
}
if (i==3){
alert("You may use Gentoo , maybe ...");
}
if (i==2){
alert("You may use Debian ");
}
if (i==1){
alert("You may use Ubuntu.");
}
if (i==0){
alert("Linux not for you");
}
}
</script>
Вот другой пример, как предлагают делать тесты.
<SCRIPT
language=javaScript> function
prov() { var sum =
0; if
(document.form1.elements[2].checked) sum=sum+1; if
(document.form1.elements[5].checked) sum=sum+1; if
(document.form1.elements[11].checked) sum=sum+1; if
(document.form1.elements[14].checked) sum=sum+1; if
(document.form1.elements[19].checked) sum=sum+1; if
(document.form1.elements[21].checked) sum=sum+1; if
(document.form1.elements[25].checked) sum=sum+1; if
(document.form1.elements[30].checked) sum=sum+1; if
(document.form1.elements[32].checked) sum=sum+1; if
(document.form1.elements[37].checked) sum=sum+1; if
(document.form1.elements[41].checked) sum=sum+1; if (sum==11){ alert("Вы набрали 11 баллов из
11.");} if (sum==10){ alert("Вы набрали 10 баллов из
11.");} if (sum==9){ alert("Вы набрали 9 баллов из
11.");} if (sum==8){ alert("Вы набрали 8 баллов из
11.");} if (sum==7){ alert("Вы набрали 7 баллов из
11.");} if (sum==6){ alert("Вы набрали 6 баллов из
11.");} if (sum==5){ alert("Вы набрали 5 баллов из
11.");} if (sum==4){ alert("Вы набрали 4 балла из
11.");} if (sum==3){ alert("Вы набрали 3 балла из
11.");} if (sum==2){ alert("Вы набрали 2 балла из
11.");} if (sum==1){ alert("Вы набрали 1 балл из
11."); } if (sum==0){ alert("Вы набрали 0 баллов из
11.");} sum=0; };</SCRIPT> <style> A:link {
text-decoration: underline; color:blue; } A:visited {
text-decoration: underline; color:Blue; } A:hover {
text-decoration: none; color:red; } </style> </HEAD> <BODY
background="img/фон теста.jpg"> <center> <form
action="" method="post" name="form1"
id="form1"> <h3>
<a href="index.html"> Главная</a> </h3> <H2>Тест
о школе</H2> <HR
width=75%> <h3>1.В
каком селе находится школа?</h3><div align="left"><p
style="margin-left: 100"><strong> <input
name="radiobutton1" type="radio"
value="0">Верх-Озерное<br> <input
name="radiobutton1" type="radio"
value="1">Приобское<br> <input
name="radiobutton1" type="radio"
value="2">Быстрый Исток <br> <input
name="radiobutton1" type="radio"
value="3">Новопокровка<br> </strong></p> </div><hr> <h3>2.
В каком году была построена школа? </h3><div align="left"><p
style="margin-left: 100"><strong> <input
name="radiobutton2" type="radio"
value="4">1982<br> <input
name="radiobutton2" type="radio"
value="5">1934<br> <input
name="radiobutton2" type="radio"
value="6">1937<br> <input
name="radiobutton2" type="radio"
value="7">1955<br> </strong></p> </div><hr> <h3>3.
В каком году было построено новое здание, а прежнее стало восьмилеткой?</h3><div align="left"><p style="margin-left: 100"><strong> <input
name="radiobutton3" type="radio"
value="8">1962<br> <input
name="radiobutton3" type="radio"
value="9">1988<br> <input
name="radiobutton3" type="radio"
value="10">1977<br> <input
name="radiobutton3" type="radio"
value="11">1970<br> </strong></p> </div><hr> <h3>4.
Кто был первым директором?</h3><div align="left"><p
style="margin-left: 100"><strong> <input
name="radiobutton4" type="radio"
value="12">Возлюбленных М.А.<br> <input
name="radiobutton4" type="radio"
value="13">Уфимцев А.Н.<br> <input
name="radiobutton4" type="radio"
value="14">Мусатов Х.А. <br> <input
name="radiobutton4" type="radio"
value="15">Стахов В.И. <br> </strong></p> </div><hr> <h3>5.
Адрес школы?</h3><div align="left"><p
style="margin-left: 100"><strong> <input
name="radiobutton5" type="radio"
value="16">Машинная, 43<br> <input
name="radiobutton5" type="radio"
value="17">Ленина, 69<br> <input
name="radiobutton5" type="radio"
value="18">Красноармейская, 15<br> <input
name="radiobutton5" type="radio"
value="19">Советская, 55<br> </strong></p> </div><hr> <h3>6.
В каком году состоялся первый выпуск 10-го класса?</h3><div align="left"><p style="margin-left: 100"><strong> <input
name="radiobutton6" type="radio"
value="20">1991<br> <input
name="radiobutton6" type="radio"
value="21">1937<br> <input
name="radiobutton6" type="radio"
value="22">1958<br> <input
name="radiobutton6" type="radio"
value="23">1980<br> </strong></p> </div><hr> <h3>7.
Каким учителем гордится наш район? </h3><div align="left"><p
style="margin-left: 100"><strong> <input
name="radiobutton7" type="radio" value="24">
Поповым А.А.<br> <input
name="radiobutton7" type="radio"
value="25">Шалимовой М. В. <br> <input
name="radiobutton7" type="radio"
value="26">Быковой М. О.<br> <input
name="radiobutton7" type="radio"
value="27">Дедовым Г. М.<br> </strong></p> </div><hr> <h3>8.
Сколько преподавателей работает в настоящее время? </h3><div
align="left"><p style="margin-left:
100"><strong> <input
name="radiobutton8" type="radio"
value="28">80<br> <input
name="radiobutton8" type="radio"
value="29">20<br> <input
name="radiobutton8" type="radio"
value="30">39<br> <input
name="radiobutton8" type="radio"
value="31">53<br> </strong></p> </div><hr> <h3>9.
Сколько учащихся обучается в школе? </h3><div align="left"><p
style="margin-left: 100"><strong> <input
name="radiobutton9" type="radio"
value="32">322<br> <input
name="radiobutton9" type="radio"
value="33">407<br> <input
name="radiobutton9" type="radio"
value="34">150<br> <input
name="radiobutton9" type="radio"
value="35">800<br> </strong></p> </div><hr> <h3>10.
Кто из выпускников стал народным артистом России?</h3><div align="left"><p style="margin-left: 100"><strong> <input
name="radiobutton10" type="radio"
value="36">В.Н. Грязин<br> <input
name="radiobutton10" type="radio"
value="37">В.С. Золотухин <br> <input
name="radiobutton10" type="radio"
value="38">А.П. Клюков<br> <input
name="radiobutton10" type="radio" value="39">В.А.
Фёдоров<br> </strong></p> </div><hr> <h3>11.
На какой специальности учится создатель сайта?</h3><div align="left"><p style="margin-left: 100"><strong> <input
name="radiobutton11" type="radio"
value="40">КЗОИ<br> <input
name="radiobutton11" type="radio"
value="41">ИИТ <br> <input
name="radiobutton11" type="radio"
value="42">ПИ<br> <input
name="radiobutton11" type="radio"
value="43">ИВТ<br> </strong></p> </div><hr> <table> <tr> <br> <td><input
type="button" name="Button" value="Результат" onclick="prov()"/>
</td> <td><strong><input
type="reset" value=" Сбросить ответы
"></strong></td> </tr> </table> </form> 4 Слайд шоу на JavaScript Этот вариант мне не особо нравиться, но он достаточо прост, то будет интересно начинающим. Весь смысол что все картинки будут подсывываться в самую первую картинку на странице. Но на практике конечно советую использовать чтонить по солиднее.
<script language="JavaScript">
<!--
i=0;
img_a=new Array(); // Объявляется массив
img_a[0]=new Image();
img_a[1]=new Image();
img_a[0].src="1.jpg"; img_a[1].src="1.jpg";
function img_b() // описывается функция последовательного
// вывода картинок
{
document.images[0].src=img_a[i].src;
i++;
if(i>2) i=0;
setTimeout("img_b()", 5000); // Тут задается в миллисекундах
// частота мелькания кадров.
// В данном случае кадры
// меняются каждые пять секунд
}
//-->
</SCRIPT>
<img src="1.jpg">
| 
