Javascript-форум - Проблема с выводом переменной в текст

Javascript-форум (https://javascript.ru/forum/)

- Javascript под браузер (https://javascript.ru/forum/css-html/)

- - Проблема с выводом переменной в текст (https://javascript.ru/forum/css-html/63076-problema-s-vyvodom-peremennojj-v-tekst.html)

Проблема с выводом переменной в текст

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

<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>

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

Сделал, результат - тот же:-?

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

<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>