Javascript-форум (https://javascript.ru/forum/)
-   Я не знаю javascript (https://javascript.ru/forum/ya-ne-znayu-javascript/)
-   -   Как сделать форму? (https://javascript.ru/forum/ya-ne-znayu-javascript/3890-kak-sdelat-formu.html)

Dontshoot 02.06.2009 23:48

Как сделать форму?
 
Помогите я совсем новичёк в яваСкрипте:)
Задание такое:
На входе: строка из трех слов
На выходе: несколько строк, созданных из исходной путем перестановки слов; должны быть представлены все варианты перестановки

<HTML> 
<HEAD>
<title>Лабораторная работа №8</title> 
</HEAD>
<BODY>
<script> 
<!--
var s = "1 2 3";
var arr = s.split(" ");
s1=arr[0]+' '+arr[1]+' '+arr[2];
s2=arr[0]+' '+arr[2]+' '+arr[1];
s3=arr[1]+' '+arr[0]+' '+arr[2];
s4=arr[1]+' '+arr[2]+' '+arr[0];
s5=arr[2]+' '+arr[0]+' '+arr[1];
s6=arr[2]+' '+arr[1]+' '+arr[0];
document.write ("Варианты перестановки ", s1 + '<br>' + s2 + '<br>' + s3 + '<br>' + s4 + '<br>' + s5 + '<br>' + s6)
//-->
</script>
</HTML>
</BODY> 
</HTML>

Помогите приделать форму(поля ввода/вывода)

Gvozd 02.06.2009 23:55

document.getElementById('input_id').value;//значение в поле ввода

при этом document.write придется убрать, так как он работает только до завершения загрузки страницы
заменить его можно на
document.getElementById('alerter_id').innerHTML="новое содержимое";

<div id="alerter_id">старое содержимое(после команды выше -заменится новым)</div>

Dontshoot 03.06.2009 00:00

Что - то я не совсем понял, что куда писать.:(
Простите за мою глупость:-?

Gvozd 03.06.2009 00:03

первая строчка кода возвращает значение написанное в value элемента формы с соответсвующим id
вторая заменяет содержимое уже существующего(третья строка кода) HTML-элемента на новое, тем самым выводя текст
почитайте, если все еще не поняли. полностью! хотя в любом случае почитайте

Dontshoot 03.06.2009 00:26

Примерно так?
<HTML>  
<HEAD>
<title>Лабораторная работа №8</title> 
</HEAD>
<BODY>
<script> 
<!--//
var s = "1 2 3";
var arr = s.split(" ");
s1=arr[0]+' '+arr[1]+' '+arr[2];
s2=arr[0]+' '+arr[2]+' '+arr[1];
s3=arr[1]+' '+arr[0]+' '+arr[2];
s4=arr[1]+' '+arr[2]+' '+arr[0];
s5=arr[2]+' '+arr[0]+' '+arr[1];
s6=arr[2]+' '+arr[1]+' '+arr[0];
document.getElementById('input_id').value;
document.getElementById('alerter_id').innerHTML="Варианты перестановки ", s1 + '<br>' + s2 + '<br>' + s3 + '<br>' + s4 + '<br>' + s5 + '<br>' + s6)
<div id="alerter_id">старое содержимое(после команды выше -заменится новым)</div>
//-->
</script>
</HTML>
</BODY>  
</HTML>

Dontshoot 03.06.2009 00:46

Всё я понял

<HTML>  
<HEAD>
<title>Лабораторная работа №8</title> 
<script language="javascript">
<!--//
function Go()
{var s = document.getElementById('words').value;
var arr = s.split(" ");
s1=arr[0]+' '+arr[1]+' '+arr[2];
s2=arr[0]+' '+arr[2]+' '+arr[1];
s3=arr[1]+' '+arr[0]+' '+arr[2];
s4=arr[1]+' '+arr[2]+' '+arr[0];
s5=arr[2]+' '+arr[0]+' '+arr[1];
s6=arr[2]+' '+arr[1]+' '+arr[0];
document.write ("Варианты перестановки ", s1 + '<br>' + s2 + '<br>' + s3 + '<br>' + s4 + '<br>' + s5 + '<br>' + s6)
}
//-->
</script>
</HEAD>
<BODY>  
<input type="text" id="words" /><input type="submit" value="Go" onclick="javascript:Go()" />
</BODY>
</HTML>

Gvozd 03.06.2009 00:49

в обработчике события не надо писать javascript:
по innerHTML я для кого писал?
document.write просто перезапишет страницу


Часовой пояс GMT +3, время: 05:16.