Как сделать форму?
Помогите я совсем новичёк в яваСкрипте:)
Задание такое: На входе: строка из трех слов На выходе: несколько строк, созданных из исходной путем перестановки слов; должны быть представлены все варианты перестановки
<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>
Помогите приделать форму(поля ввода/вывода) |
document.getElementById('input_id').value;//значение в поле ввода
при этом document.write придется убрать, так как он работает только до завершения загрузки страницы заменить его можно на
document.getElementById('alerter_id').innerHTML="новое содержимое";
<div id="alerter_id">старое содержимое(после команды выше -заменится новым)</div> |
Что - то я не совсем понял, что куда писать.:(
Простите за мою глупость:-? |
первая строчка кода возвращает значение написанное в value элемента формы с соответсвующим id
вторая заменяет содержимое уже существующего(третья строка кода) HTML-элемента на новое, тем самым выводя текст почитайте, если все еще не поняли. полностью! хотя в любом случае почитайте |
Примерно так?
<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>
|
Всё я понял
<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>
|
в обработчике события не надо писать javascript:
по innerHTML я для кого писал? document.write просто перезапишет страницу |
| Часовой пояс GMT +3, время: 22:10. |