Создать генератор сказок. Ввод данных в текстовые поля формы. Сгенерированную сказку вывести в другое окно (JavaScript) - Помощь студентам

snickers123 · 15.12.2020, 15:55

Создать генератор сказок. Ввод данных в текстовые поля формы. Сгенерированную сказку вывести в другое окно (JavaScript)

Вроде все получилось, но не могу выровнять (кнопку) ниже текста в ровень с текстом как на картинке и после нажатия в окне со сказкой внизу кнопку (закрыть) не могу сделать . Если найдете еще какие то ошибки укажите пжл .Вот что сделал.За ранее спасибо!!!!

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>Генератор сказок</h1>
<hr>
<style>
h1 {color:red;text-align:center;}
body {background-color:PaleGreen; font-weight:bold;}
input {font-weight:bold;}
</style>
<script language="JavaScript">
function pr(form)
{
if((form.input1.value=="")||(form.i nput2.value=="")||(form.i nput3.value=="")||(form.input4.valu e=="")|)
{
return false;
}
else
return true;
}
</script>
<SCRIPT LANGUAGE = "JavaScript">
function create(form)
{
{
storyWin = window.open("","StoryWin","toolbar= no,width=555,height=333,d irectories=no,status=yes,scrollbars =yes,resize=no,menubar=no ");
with (storyWin.document) {
writeln ("<h1>пташка и цветы</h1><hr>В одном лесу жила маленькая " + form.input1.value + " ,которая очень любила "+ form.input2.value+" чудесные песни. У нее так хорошо получалось, что весь лес собирался послушать ее! От сороки она узнала, что у людей принято дарить цветы любимым исполнителям. А цветы она любила так же сильно,как и петь.Долго грустила пташка.Но однажды,после очередного ипровизированного концерта," + form.input3.value + " подлетел к пташке и подарил ей..." + form.input4.value + "! Уж он то был истинным дженльменом! Пташка была невероятно счастлива!!!</b>");
}
}
}
</SCRIPT>
<center><FORM name="forma" onsubmit="return pr(forma)">
<TABLE BORDER = 0 CELLPADDING = 0>
<TR><TD>
<b>Имя героя:</b>
</TD>
<TD>
<input type=text value="пташка" name="input1"
id='input1' size="30">
<TR><TD>
<b>Любимое занятие:</b></TD>
<TD>
<input type=text value="петь" name="input2"
id='input2' size="30">
</TD>
</TR>
<TR>
<TD>
<b>Друг героя:</b>
</TD>
<TD>
<input type=text value="дятел" name="input3"
id='input3' size="30">
</TD>
</TR>
<TR>
<TD>
<b>Любимый подарок:</b>
</TD>
<TD>
<input type=text value="цветы" name="input4"
id='input4' size="30">
</TD>
</TR>
</TABLE>
<BR>
<INPUT TYPE = "button" VALUE="Сгенерировать сказку" onClick = "create(this.form)">
</center>
</FORM>
<hr>
</FORM>
</div>
</body>
</html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Сохранение данных формы в разные текстовые файлы	KT82	PHP	8	10.10.2016 14:31
Создать окно, имеющее 3 поля(java)	V-alterman	Помощь студентам	0	26.11.2014 23:06
Проверка поля формы на JavaScript	Kasiopeya	JavaScript, Ajax	12	10.05.2009 16:39
Ввод десятичных дробей в поля textbox формы	NikolayGVB	Microsoft Office Word	9	26.04.2009 04:55
Ввод данных в поля на страничке	Port 111	Работа с сетью в Delphi	7	12.01.2009 20:34