JavaScript 4

Категория: Программирование JavaScript Обновлено: 05.06.2019 Опубликовано: 20.04.2019 Печать

Пример 1. Угадывание числа до 10

<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function rand()
{now=new Date();
num=(now.getSeconds())%10;
num=num+1;
}
function guessnum()
{guess=prompt("Угадай, какое?")
if (eval(guess) == num)
{alert("ПРАВИЛЬНО!!");
rand();
}
else
alert("Нет. Попробуй еще.");
}
</SCRIPT>
</HEAD>
<BODY onLoad="rand()">
<h1>Я загадал число от 1 до 10</h1>
<FORM NAME="myform">
<INPUT TYPE="button" VALUE="Угадай" NAME="b1" onClick="guessnum()">
</FORM>
</BODY>
</HTML>

----------------------

<html>
<head>
<SCRIPT type="text/javascript">
function rand()
{now=new Date();
num=(now.getSeconds())%10;
num=num+1;
}
function guessnum()
{guess=prompt("Угадай, какое?");
if (eval(guess) == num)
{alert("Точно!!!");
}
if(eval(guess) > num)
{alert("Слишком много, жми еще.")}
if(eval(guess) < num)
{alert("Слишком мало, жми еще.")}
}
</script>
<body bgcolor="white" onLoad="rand()">
<h2>Я загадал число от 1 до 10</h2>
<form name="myform">
<input type="button" value="Угадай" name="b1" onClick="guessnum()">
</form>
</body>
</html>

 

Пример 2. Случайная фраза

<HTML>
<BODY>
<SCRIPT type="text/javascript">
var0="От пирогов не толстеют"
var1="Кто ходит в гости по утрам"
var2="До пятницы я совершенно свободен"
now=new Date()
num=(now.getSeconds() )%3
if (num == 0)
{cliche=var0}
if (num == 1)
{cliche=var1}
if (num == 2)
{cliche=var2}
document.write(cliche + "<br>")
document.write("Случайное число: "
+ num)
</SCRIPT>
<p>.... как я обычно говорю.
</BODY>
</HTML>

 

Пример 3. Случайное изображение

<body bgcolor="хххххх">
<center>
<h1>Моя домашняя страница</h1>
<script language="JavaScript">
var1="pic1.gif"
var2="pic2.gif";
var3="pic3.gif"
now=new Date()
num=(now.getSeconds() )%3
num=num+1
quot="'"
document.write("Случайная цифра: " + num + "<br>")
if (num == 1)
{cliche=var1}
if (num == 2)
{cliche=var2}
if (num == 3)
{cliche=var3}
document.write("<img src="/ + quot + cliche + quot +">")
</script>
<p>Такое у меня сегодня настроение.
</center>
</body>
</html>

--------------------

<h1>Моя домашняя страница</h1>
<script language="JavaScript">
var1="pic1.gif"
var2="pic2.gif";
var3="pic3.gif"
now=new Date()
num=(now.getSeconds() )%3
num=num+1
quot="'"
document.write("Случайная цифра: " + num + "<br>")
document.write("<img src="/ + quot + "pic" + eval(num) + ".gif" + quot +">")
</script>
<p>Такое у меня сегодня настроение.
</center>
</body>
</html>

 

Пример 4. Цикл-распечатка цифр от одного до пяти
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function rand()
{now=new Date();
num=(now.getSeconds())%10;
num=num+1;
}
function guessnum()
{guess=prompt("Угадай, какое?")
if (eval(guess) == num)
{alert("ПРАВИЛЬНО!!");
rand();
}
else
alert("Нет. Попробуй еще.");
}
</SCRIPT>
</HEAD>
<BODY onLoad="rand()">
<h1>Я загадал число от 1 до 10</h1>
<FORM NAME="myform">
<INPUT TYPE="button" VALUE="Угадай" NAME="b1" onClick="guessnum()">
</FORM>
</BODY>
</HTML>

 

Пример 5. Цикл-счет от одного до 50000 = изменение фона

<html>
<head>
</head>
<body bgcolor="white">
<h2>Сюрприз!</h2>
<SCRIPT type="text/javascript">
for (i=1; i<=50000; i=i+1)
{
}
document.bgColor="yellow"
</script>
И еще один сюрприз...
<script language="JavaScript">
for (i=1; i<=50000; i=i+1)
{
}
document.bgColor="pink"
</script>
</body>
</html>

 

Пример 6. Цикл - распечатка слова определенное количество раз

<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT type="text/javascript">
loops=3
num=1
while (num <= loops)
{
document.write("Добро ")
num=num+1
}
document.write("Пожаловать!")
</SCRIPT>
</BODY>
</HTML>

 

Пример 7. Цикл - распечатка слова определенное количество раз, которое устанавливает пользователь в ходе диалога

<html>
<head>
</head>
<body bgcolor="white">
<SCRIPT type="text/javascript">
tellme=prompt("Сколько раз пожелать Вам Добро пожаловать?")
loops=eval(tellme)
num=1
while (num <= loops)
{
document.write("Добро ")
num=num+1
}
document.write("Пожаловать!")
</script>
<p>
THE END
</body>
</html>

 

Пример 8. Цикл угадываний с диалоговым окном и случайным числом

<HTML>
<HEAD>
<SCRIPT type="text/javascript">
tv=new Array()
tv[0]="ОРТ"
tv[1]="РТР"
tv[2]="ТВЦ"
tv[3]="НТВ"
tv[4]="ТВ6"
num=0
function picktv()
{
now=new Date()
num=(now.getSeconds())%5
}
function whichtv()
{
picktv()
guess=" "
while (tv[num] != guess.toUpperCase())

{guess=prompt("Угадайте мой любимый телеканал:
ОРТ, РТР, ТВЦ, НТВ или ТВ6?")
if (guess.toUpperCase() == tv[num])
{alert("Это мой любимый телеканал!")}
else
{alert("Нет, попробуйте еще раз.")}}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button" VALUE="Угадайте телеканал!"
onClick="whichtv()">
</FORM>
</BODY>
</HTML>

 

Пример 9. Переход на случайный сайт с кнопкой

<html>
<head>
<script language="JavaScript">
url=new Array()
url[0]="http://www.jsp.newmail.ru/les5.htm"
url[1]="http://www.jsp.newmail.ru/les10.htm"
url[2]="http://www.jsp.newmail.ru/les15.htm"
url[3]="http://www.jsp.newmail.ru/les20.htm"

function rand()
{
now=new Date()
num=(now.getSeconds())%4
top.location.href = url[num]
}
</script>
</head>
<body>
<center>
<h2>Случайный URL</h2>
<form>
<input type="button" value="Случайное блуждание по сайтам!" onClick="rand()">
</form>
</center>
</body>
</html>

 

Пример 10. Простейшее слайд-шоу

<HTML>
<HEAD>
<SCRIPT type="text/javascript">
var num=1
img1 = new Image ()
img1.src = "pic1.gif"
img2 = new Image ()
img2.src = "pic2.gif"
img3 = new Image ()
img3.src = "pic3.gif"
function slideshow()
{
num=num+1
if (num==4)
{num=1}
document.animal.src=eval("img"+num+".src")
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<IMG SRC="pic1.gif" NAME="animal" BORDER=0>
<p>
<A HREF="JavaScript:slideshow()">
Щелкните, чтобы увидеть следующую картинку</A>
</CENTER>
</BODY>
</HTML>

Первая часть (Объявление переменной, Диалоговые элементы, Атрибуты, которые определены для HTML тэгов, Использование кавычек в строковых литералах, Массивы, Коллекции в объектной модели документа, Свойства объекта location, Параметры метода window.open, window.close, Виды кнопок, Таблица умножения, Динамическое изменение содержимого тегов, Выбор цвета текста, Определяется, какая кнопка мыши нажата, Часы в строке статуса, Точное время загрузки страницы, Распечатка - кубы, не превышающие 5000, Возведение в квадрат, Форма prompt, Примеры открытия нового окна, Часы в поле формы, События BODY, Изменение переменной открытого окна, Изменение поля статуса в открытом окне, Цвет и расположение фреймов, Изменение полей формы, Скрытая отправка данных пользователя на сервер, Очистка формы, Проверка пустой строки в отправленной форме, Удаление и добавление вариантов из SELECT, Обработчик onChange при выборе множественных вариантов)
Вторая часть (Распечатка всех ссылок на странице, Простейшее динамическое меню, Простейшая динамическая смена изображений, Простейшие динамические создания новых страниц, Простейшее изменение цвета фона, Подтверждение действия, Бесконечный цикл изменения изображений, Ограниченный цикл изменения изображений, Запуск и остановка мультипликации (смены изображений), Защита переноса на следующую строку (<PRE>), Пункт меню с меняющимся изображением, Простейшее выпадающее меню с изображениями, Управление cookie, Простейший сценарий, Дата, Вывод точной даты и время посещения страницы, Обработчики событий для ссылки, Синтаксис onClick, onFocus, onBlur, onChange, onSubmit, Простейшая форма взаимодействия с пользователем)
Третья часть (Окно с сообщением и полем ввода (prompt), Свойства объекта "navigator" (браузер), Свойства объекта "document", Свойства объекта "history", Два свойства объекта "location" (адрес), Иерархия объектов, Адрес страницы, с которой пришел пользователь, Дата при загрузке страницы, Диалог при загрузке страницы, События при перемещении указателя мыши и уход со страницы, Новое окно, Конфигурация нового окна)
Четвертая часть (Подтверждение действия, Простейшее математическое вычисление, Изменение изображения при наведении мышью, Выбор цвета фона, Внедрение поиска от глобальной поисковой системы, Количество символов в форме, Генерация случайных чисел от секунд, Условный оператор и диалог с пользователем, Условный оператор и смена фона в зависимости от ответа)

Для сайтов находящихся на тарифном обслуживании и администрировании работы проводятся без дополнительной оплаты, входят в стоимость тарифа

По всем вопросам обращаться по адресу: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра. или по телефону (WhatsApp): +7-994-009-32-20

 

Поделиться страницей в социальных сетях:

 

 

Просмотров: 214

Добавить комментарий

Защитный код
Обновить