Форум

#1 (**permalink**) 03.06.2009, 00: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 · #2 (**permalink**) 03.06.2009, 00:55

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

при этом document.write придется убрать, так как он работает только до завершения загрузки страницы
заменить его можно на

document.getElementById('alerter_id').innerHTML="новое содержимое";

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

#3 (**permalink**) 03.06.2009, 01:00

Что - то я не совсем понял, что куда писать.

Простите за мою глупость

Gvozd · #4 (**permalink**) 03.06.2009, 01:03

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

#5 (**permalink**) 03.06.2009, 01: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>

#6 (**permalink**) 03.06.2009, 01: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 · #7 (**permalink**) 03.06.2009, 01:49

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

Форум

Справочник

Discord чат

Курсы javascript