質問編集履歴

1

説明の追加

2016/07/11 11:58

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,30 +1,16 @@
1
1
  ```Javascript
2
2
 
3
- <!DOCTYPE HTML>
3
+ <textarea id="textarea"></textarea>
4
4
 
5
- <html lang="en">
6
-
7
- <head>
8
-
9
- <meta charset="utf-8">
10
-
11
- </head>
12
-
13
- <body>
14
-
15
- <textarea>名前を入力してください</textarea>
5
+ <div id="output"></div>
16
6
 
17
7
 
18
8
 
19
- <div id="Output"></div>
9
+ <script>
20
10
 
11
+ document.getElementById("output").innerHTML = document.getElementById("textarea").value;
21
12
 
22
-
23
- </body>
13
+ </script>
24
-
25
-
26
-
27
- </html>
28
14
 
29
15
  ```
30
16
 
@@ -32,8 +18,46 @@
32
18
 
33
19
  名前をTEXTAREAに入力したら、
34
20
 
35
- それをあるHTMLの**下の場所(div id="output")**に表示させたいのです。
21
+ それをDIVに表示させたいのです。
36
22
 
37
23
 
38
24
 
39
25
  どのようにPARSEすれば良いのかご教示頂けますでしょうか?
26
+
27
+
28
+
29
+ 下記を追記しました。言葉が足らず申し訳ございませんでした。
30
+
31
+ ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
32
+
33
+
34
+
35
+ 1.このようなコードだと、何も変わりません。
36
+
37
+ どこかいけないのか調べています。
38
+
39
+ ```javascript
40
+
41
+ document.getElementById("output").innerHTML = document.getElementById("textarea").value;
42
+
43
+ ```
44
+
45
+
46
+
47
+ 2.ボタンは使わないで、リアルタイムに表示させたいです。
48
+
49
+
50
+
51
+ 3.ライブラリーやフレームワークは使いません。
52
+
53
+ HTMLとCCSだけです。
54
+
55
+
56
+
57
+ 4.名前を入れたら、
58
+
59
+ 名刺のデザインに名前が入力され、
60
+
61
+ どのように表示されるのか、
62
+
63
+ それをぱっと見て分かる、ツールを作成しています。