JS вывод в div строку с пробелами
Здравствуйте, помогите пожалуйста разобраться со скриптом. Мне нужно, чтобы текст выводился в div, а не в текстовое поле .
<html>
<script>
function MyFun() {
// считывает пожелания
var m = document.getElementsByName('dzen');
var wish = "";
for(var i = 0; i < m.length; i++){
if (m[i].checked)
{
//alert(m[i].value)
wish = m[i].value;
}}
var nameuser = document.getElementsByTagName('input')[0].value
var GlavT = ["С Новым годом!", "С новым счастьем и добром."];
var text = "";
var i;
for (i = 0; i < GlavT.length; i++) {
text += GlavT[i] + "<br>";
}
document.getElementById("demo").innerHTML = nameuser + "! "+text; //выводит в div имя и первые 2 строки
S1 = "Желаю молодости вечной, # $,Любви огромной, безупречной. Желаю океан безумств И гамму самых теплых чувств!";
/*var S1 = ["Желаю молодости вечной, & $,", "Любви огромной, безупречной.", "Желаю океан безумств", "И гамму самых теплых чувств!"];
var text2 = "";
var i;
//k = S1.replace(/\&/g, "любви"));
for (i = 0; i < S1.length; i++) {
text2 += S1[i] + "<br>";
}
document.getElementById("demo").innerHTML = text2; Пыталась вывести стих разбитый <br> в div*/
S2 = "Пусть будут благостными дни, Душа любовью переполнится, Пусть зажигает жизнь огни И все желания исполнятся!";
//
var a1 = [S1, S2];
var rand1 = Math.floor(Math.random() * a1.length);
Str1 = "Тебя поздравлю с днем рождения, Творческого, пожелаю, вдохновения, Пожелаю сил побольше и терпения, Удачи и хорошего настроения.";
Str2 = "Поздравляем мы, тебя, с днем рождения, Пусть приходит в дом счастье и веселье, Пусть желание твоё непременно сбудется, А плохое же пускай совсем позабудется.";
var a2 = [ Str1, Str2];
var rand2 = Math.floor(Math.random() * a2.length);
word1="";
word2 = "";
if (wish == "love")
{
word1= "любви";
word2= "радости";
}
s=S1.replace (/\#/g, word1);
s=s.replace (/\$/g, word2);
if (wish == "health")
{
word1= "здоровья";
word2= "долголетия";
}
s=S1.replace (/\#/g, word1);
s=s.replace (/\$/g, word2);
//alert(s);
/*// массивы с прилагательными
var love = ["огромной", "желанной"];
__________________________________
Поиск по масиву окончания "ая"
for(i=0;i<love.length;i++){
if (k=love[i].IndexOf("ая") !=-1)
{
adj = love[i];
break;
}
}
__________________________________
Должен случайно выбирать из прилагательных с оконччанием "ая" одно.
var love1 = Math.floor(Math.random() * love.length);
var health = ["крепкого", "отличного"];
var health1 = Math.floor(Math.random() * health.length);
var luck = ["огромного", "долгожданного"];
var luck1 = Math.floor(Math.random() * luck.length);
*/
//ВОТ ПОКА ЧТО ГЛАВНАЯ ПРОБЛЕМА. ОН ВСТАВЛЯЕТ ВЫБРАННОЕ ЗНАЧЕНИЕ В ТЕКСТОВОЕ ПОЛЕ, А НУЖНО В ДИВ
document.forms[0].message.value = document.forms[0].holiday.value;// message - имя textarea. нужно поменять, а на что поменять я не знаю.
// document.getElementById("demo").innerHTML = text;
if (document.forms[0].holiday.value == "NY" )
if (wish == "love")
{
document.forms[0].message.value = nameuser +"! " + GlavT + s ;}
if (wish == "health")
{
document.forms[0].message.value = nameuser +"! " + GlavT + s;}
if (wish == "luck")
{
document.forms[0].message.value = nameuser +"! " + GlavT + a1[rand1] ;}
if (document.forms[0].holiday.value == "March")
document.forms[0].message.value = "Поздравляем с 8 Марта!" + nameuser ;
}
<!-- elem.addEventListener("click", MyFun); --!>
</script>
</head>
<body>
<div id="pagewrap">
<!-- Site header and navigation -->
<div id="header"> </div>
<!-- Site content -->
<div id="content">
<div id="about" class="page">
<div class="left">
<fieldset>
<p>
<label for="name">Имя или другое обращение</label>
<br><input type="text" name="name" id="name" size="20" />
</p>
<label for="holiday">Праздник</label>
<br>
<form action="handler.php">
<select name="holiday">
<option>Выберите праздник</option>
<option value="NY">Новый год</option>
<option value="March">8 Марта</option>
</select>
<p>
<br><label for="web">Пожелания</label>
<p><input name="dzen" type="checkbox" value="luck"> Cчастья</p>
<p><input name="dzen" type="checkbox" value="health"> Здоровья</p>
<p><input name="dzen" type="checkbox" value="love"> Любви</p>
</p>
<fieldset>
<input type="button" value="Сгенерировать" onClick="MyFun()" >
</div>
<div class="right">
<br> <br> <br>
<form action="" method="get">
<p>ВЫВОД</p>
<div contenteditable='true' name="demo" id="demo"></div>
<textarea name="message" id="message" cols="40" rows="10"></textarea>
<br>
</form>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
|