回答編集履歴

1

ちょうせい

2021/11/19 05:14

投稿

yambejp
yambejp

スコア116734

test CHANGED
@@ -65,3 +65,91 @@
65
65
  </form>
66
66
 
67
67
  ```
68
+
69
+
70
+
71
+ # ソース表示
72
+
73
+ ```javascript
74
+
75
+ <script>
76
+
77
+ $(function(){
78
+
79
+ $('#add').on('click',function(){
80
+
81
+ if($('#fruit').val()){
82
+
83
+ $('#viewer ol').append($('<li>').text($('#fruit').val()));
84
+
85
+ viewsource();
86
+
87
+ }
88
+
89
+ });
90
+
91
+ $('#del').on('click',function(){
92
+
93
+ if($('#numdel').val()){
94
+
95
+ $('#viewer ol li').eq($('#numdel').val()-1).remove();
96
+
97
+ }
98
+
99
+ viewsource();
100
+
101
+ });
102
+
103
+ $('#replace').on('click',function(){
104
+
105
+ if($('#numrep').val() && $('#repfruit').val()){
106
+
107
+ $('#viewer ol li').eq($('#numrep').val()-1).text($('#repfruit').val());
108
+
109
+ }
110
+
111
+ viewsource();
112
+
113
+ });
114
+
115
+ function viewsource(){
116
+
117
+ console.log(1);
118
+
119
+ $("#sourcecode").text($("#viewer>ol").html());
120
+
121
+ }
122
+
123
+ });
124
+
125
+ </script>
126
+
127
+ <div id="viewer">
128
+
129
+ <ol></ol>
130
+
131
+ </div>
132
+
133
+ <form>
134
+
135
+ <input type="text" id="fruit">
136
+
137
+ <input type="button" id="add" value="果物を追加"><br>
138
+
139
+ <input type="text" id="numdel">
140
+
141
+ <input type="button" id="del" value="番を削除"><br>
142
+
143
+ <input type="text" id="numrep">番に入っている果物を
144
+
145
+ <input type="text" id="repfruit">
146
+
147
+ <input type="button" id="replace" value="に置換"><br>
148
+
149
+ </form>
150
+
151
+ <hr>
152
+
153
+ <div id="sourcecode"></div>
154
+
155
+ ```