Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.05.2016, 13:35
Новичок на форуме
Отправить личное сообщение для Lutsiariz Посмотреть профиль Найти все сообщения от Lutsiariz
 
Регистрация: 16.05.2016
Сообщений: 3

Проблема с выводом переменной в текст
Задача: сделать биографию по анкете. Не могу понять в чем проблема, ввод переменной не читается

<html>

<head>

<style>

h1 {color:red;text-align:center;}

body {background-color:PaleGreen; font-weight:bold;}

input {font-weight:bold;}

</style>

<script>

function osebe()

{

// переменная a объект текстовое поле с именем b
// переменная c содержит значение свойства value этого объекта

var a=document.getElementById('b');
c=a.value;
var d=document.getElementById('e');
f=d.value;
var g=document.getElementById('h');
i=g.value;
var j=document.getElementById('k');
l=j.value;
var m=document.getElementById('n');
o=m.value;
var p=document.getElementById('q');
r=p.value;
var s=document.getElementById('t');
u=s.value;

// переменная win экземпляр объекта window

// создается пустое окно размерами 800 на 500,

var win=window.open("","","width=800,height=500");

// открываем запись в это окно - объект win

win.document.open();

// формирование строки str

var str = "<h1>О себе</h1><hr><P>";

// вывод строки в документ окна win

win.document.write(str);

var str = '<h2>Я,"+c+" "+f+" "+i+" родился в "+l+" году в городе "+o+".</h2>';

win.document.write(str);

var str = '<h3>Больше всего мне нравится "+r+" и очень не нравится "+u+"."</h3>';

win.document.write(str);

// формирование и вывод кнопки закрытия

str ='<input type="button" value="закрыть"' +'onClick="window.close();">';

win.document.write(str);

// закрываем вывод в документ объекта win

win.document.close();

}

</script>

</head>

<body>

<h1>Анкета</h1>

<hr>

<form>
<p>Имя<input type=name value="Семенов" name="b" id='b' size="30"></p>
<p>Фамилия<input type=surname value="Семен" name="e" id='e' size="30"></p>
<p>Отчество<input type=fathname value="Семенович" name="h" id='h' size="30"></p>
<p>Год рождения<input type=yearbirth value="1990" name="k" id='k' size="30"></p>
<p>Место рождения<input type=city value="Москва" name="n" id='n' size="30"></p>
<p>Любимое занятие<input type=like value="читать книги" name="q" id='q' size="30"></p>
<p>Нелюбимое занятие<input type=dontlike value="мыть посуду" name="t" id='t' size="30"></p>



<input type=button value="Сформировать биографию" OnClick="osebe()">

<hr>

</form>

</body>

</html>
Ответить с цитированием
  #2 (permalink)  
Старый 16.05.2016, 13:46
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Lutsiariz,
document.getElementById - поиск элемента по id, а не по name
https://learn.javascript.ru/searching-elements-dom
Еще у вас input type очень странные
http://htmlbook.ru/html/input/type

Последний раз редактировалось Dilettante_Pro, 16.05.2016 в 13:49.
Ответить с цитированием
  #3 (permalink)  
Старый 16.05.2016, 14:04
Новичок на форуме
Отправить личное сообщение для Lutsiariz Посмотреть профиль Найти все сообщения от Lutsiariz
 
Регистрация: 16.05.2016
Сообщений: 3

Сделал, результат - тот же
Ответить с цитированием
  #4 (permalink)  
Старый 16.05.2016, 14:20
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Lutsiariz,
разберитесь с кавычками в этих строчках
var str = '<h2>Я,"+c+" "+f+" "+i+" родился в "+l+" году в городе "+o+".</h2>';
var str = '<h3>Больше всего мне нравится "+r+" и очень не нравится "+u+"."</h3>';

Последний раз редактировалось Dilettante_Pro, 16.05.2016 в 14:31.
Ответить с цитированием
  #5 (permalink)  
Старый 16.05.2016, 15:02
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<html>
<head>
    <style>
        h1
        {
            color: red;
            text-align: center;
        }
        body
        {
            background-color: PaleGreen;
            font-weight: bold;
        }
        input
        {
            font-weight: bold;
        }
    </style>
    <script>
        function osebe() {
            // переменная a объект текстовое поле с именем b
            // переменная c содержит значение свойства value этого объекта
            var a = document.getElementById('b');
            c = a.value;
            var d = document.getElementById('e');
            f = d.value;
            var g = document.getElementById('h');
            i = g.value;
            var j = document.getElementById('k');
            l = j.value;
            var m = document.getElementById('n');
            o = m.value;
            var p = document.getElementById('q');
            r = p.value;
            var s = document.getElementById('t');
            u = s.value;
            // переменная win экземпляр объекта window
            // создается пустое окно размерами 800 на 500,
            var win = window.open("", "", "width=800,height=500");
            // открываем запись в это окно - объект win
            win.document.open();
            // формирование строки str
            var str = "<h1>О себе</h1><hr><P>";
            // вывод строки в документ окна win
            win.document.write(str);
            var str = '<h2>Я,'+c+' '+f+' '+i+' родился в '+l+' году в городе '+o+'.</h2>';
            win.document.write(str);
            var str = '<h3>Больше всего мне нравится '+r+' и очень не нравится '+u+'.</h3>';
            win.document.write(str);
            // формирование и вывод кнопки закрытия
            str = '<input type="button" value="закрыть"' + 'onClick="window.close();">';
            win.document.write(str);
            // закрываем вывод в документ объекта win
            win.document.close();
        }
    </script>
</head>
<body>
    <h1>
        Анкета</h1>
    <hr>
    <form>
    <p>
        Имя<input type="text" value="Семенов" name="b" id='b' size="30"></p>
    <p>
        Фамилия<input type="text" value="Семен" name="e" id='e' size="30"></p>
    <p>
        Отчество<input type="text" value="Семенович" name="h" id='h' size="30"></p>
    <p>
        Год рождения<input type="text" value="1990" name="k" id='k' size="30"></p>
    <p>
        Место рождения<input type="text" value="Москва" name="n" id='n' size="30"></p>
    <p>
        Любимое занятие<input type="lext" value="читать книги" name="q" id='q' size="30"></p>
    <p>
        Нелюбимое занятие<input type="dontlike" value="мыть посуду" name="t" id='t' size="30"></p>
    <input type="button" value="Сформировать биографию" onclick="osebe()">
    <hr>
    </form>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
2 блока "отрыть полностью" polepropilen Элементы интерфейса 7 22.06.2018 23:53
Исполнять скрипт только для текущего элемента snovapavel jQuery 19 10.03.2015 13:22
Сворачивание строк таблицы eFusion jQuery 6 13.05.2014 15:08
Проблема с выводом скрипта на страницу Mike_S. Общие вопросы Javascript 8 14.06.2011 07:26
Вопрос: И опять про offsetLeft... sigurd Общие вопросы Javascript 11 04.10.2010 14:06