Чего не хватает?

zer00 · August 11, 2011

Я только изучаю яваскрипт и сразу эксперементирую на локальном сервере)

Хочу попробовать написать маленький скрипт, смысл вот в чем:

Вводим ник в поле ввода, жмем кнопку и выскакивает окошко "Привет **введённый ник**!"

Так вот не могу понять как связать поле ввода и кнопку( Получилось примерно так:


<html>
  <head>
  </head>
  <body>
  <center>
  <h2>Введите ник:</h2>
    <br>
<input name="nick" type="text"><input type="button" value="PUSH" onclick="alert('Привет '+nick +'!'"/>
    </center>
  </body>
</html>

Вопрос вот в чем: как сделать введенный текст переменной?

Edited August 11, 2011 by zer00

Vlad · August 11, 2011

Например, так.

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="UTF-8">
  <title>1</title>
    <script>
     function text() {
	nick = document.getElementById("nick").value;
	alert('Привет, '+nick +'!')
     }
    </script>
</head>
<body>
  <h2>Введите ник:</h2>
  <input id="nick"><input type="button" value="PUSH" onclick="text()">
</body>
</html>

zer00 · August 11, 2011

А document.getElementById("nick").value; , насколько я понял вытаскивает из документа значение элемента с id="nick"??

И ещё вопрос: Как сделать чтобы по нажатию на кнопку например менялся цвет фона?

Т.е. допустим в CSS прописано

body{background-color:FFFFFF}

А если нажать на кнопку фон устанавливается #000000.

Так же можно сделать индикатор загрузки страницы - например

<body onLoad="/*скрипт меняющий CSS элемента*/>

.

Edited August 11, 2011 by zer00

x-doggy · August 11, 2011

<button onclick="document.body.style.backgroundColor='#000000';" type="button">Черный</button>

Прогрессбар — http://jsfiddle.net/5BBLj/

Edited August 11, 2011 by x-doggy

Sign In

Чего не хватает?

Question

zer00

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

zer00

Link to comment

Share on other sites

x-doggy

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information