html body body script div именем var document createElement div append

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<html>
<body>
</body>
<script>
// div с именем
var d = document.createElement('div');
d.appendChild(document.createTextNode('Дарья Санькова'));
document.body.appendChild(d);
// div со списком
d = document.createElement('div');
document.body.appendChild(d);
var list = document.createElement('ul');
d.appendChild(list);
var tags = ['Написание статей', 'Интервьюирование', 'Репетиторство'];
for (var i = 0; i < 3; i++)
{
var in_list = document.createElement('li');
in_list.appendChild(document.createTextNode(tags[i]));
list.appendChild(in_list);
}
// div с калькулятором
d = document.createElement('div');
document.body.appendChild(d);
var frm = document.createElement('form');
d.appendChild(frm);
var tbl = document.createElement('table');
frm.appendChild(tbl);
for (var i = 0; i < 3; i++)
{
var now_tr = document.createElement('tr');
tbl.appendChild(now_tr);
var now_td = document.createElement('td');
now_tr.appendChild(now_td);
now_td.appendChild(document.createTextNode(tags[i]));
now_td = document.createElement('td');
now_tr.appendChild(now_td);
var now_input = document.createElement('input');
now_input.id = tags[i];
now_td.appendChild(now_input);
}
var btn = document.createElement('button');
btn.appendChild(document.createTextNode('Рассчитать стоимость'));
frm.appendChild(btn);
var in_d = document.createElement('div');
in_d.id = 'answer';
d.appendChild(in_d);
btn.onclick = function calculate()
{
var tags = ['Написание статей', 'Интервьюирование', 'Репетиторство'];
var price = 0;
for (var i = 0; i < 3; ++i)
{
if (!isNaN(parseInt(document.getElementById(tags[i]).value)))
price += parseInt(document.getElementById(tags[i]).value);
}
alert('Итоговая стоимость работа: ' + price.toString() + ' рублей.');
};
</script>
</html>