-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (164 loc) · 7.97 KB
/
index.html
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Web開発の練習2</title>
<link rel="stylesheet" href="mystyle.css">
<script src="myjs.js"></script>
<script src="ex6-1.js"></script>
<script src="ex6-2.js"></script>
<script src="ex6-5.js"></script>
<script src="ex6-6.js"></script>
<script src="ex6-7.js"></script>
<script src="ex6-8.js"></script>
<script src="ex6-88.js"></script>
<script src="ex6-9.js"></script>
<script src="ex6-10.js"></script>
<link rel="stylesheet" href="imagechange.css">
<script src="ex6-11.js"></script>
<script src="ex6-12.js"></script>
<script src="ex6-13.js"></script>
<script src="ex6-14.js"></script>
<script src="ex7-1.js"></script>
<script src="ex7-2.js"></script>
<script src="ex7-3.js"></script>
<script src="ex7-4.js"></script>
<script src="ex7-5.js"></script>
<script src="ex7-7.js"></script>
<script src="ex7-8.js"></script>
<script src="ex7-9.js"></script>
<script src="ex7-10.js"></script>
<script src="ex7-11.js"></script>
</head>
<body>
<h1>練習問題2.4</h1>
<table>
<caption>
<strong>お寿司をどこで食べるか?その長所と短所</strong>
<details>
<summary>このテーブルの説明</summary>
<p>以下のテーブルでは、2番目のカラムに寿司屋のタイプが入れられています。その左側にそのようなタイプのお店でお寿司を食べる場合の長所が、右側に短所が入れられています。</p>
</details>
</caption>
<thead>
<tr><th class="important">長所</th><th>どこで食べるか</th><th>短所</th></tr></thead>
<tbody>
<tr><td>ネタにこだわり、技術が素晴らしい</td><th>銀座の高級店</th><td>値段が時価で不安、予約が必要</td></tr>
<tr><td>値段が良心的、気軽に手に取れる</td><th>回転寿司</th><td>ネタが解凍もの、休みの日は混む</td></tr>
</tbody>
</table>
<table>
<caption>
<strong>お寿司をどこで食べるか?その長所と短所</strong></caption>
<thead>
<tr><th>どこで食べるか</th><th class="important">長所</th><th>短所</th></tr>
</thead>
<tbody>
<tr><th>銀座の高級店</th><td>ネタにこだわり、技術が素晴らしい</td><td>値段が時価で不安、予約が必要</td></tr>
<tr><th>回転寿司</th><td>値段が良心的、気軽に手に取れる</td><td>ネタが解凍もの、休みの日は混む</td></tr>
</tbody>
</table>
<br>
<p class="sample1">セキュリティ対策は今後ますます重要になるでしょう。</p>
<p class="sample2">セキュリティ対策は今後ますます重要になるでしょう。</p>
<p class="sample3">セキュリティ対策は今後ますます重要になるでしょう。</p>
<!--<input type="button" value="ここをクリック" onclick="alert('Hello,Aoi!');">-->
<h1>練習問題6.2</h1>
<input type="button" value="ここをクリック" onclick="sayhello61();">
<h1>練習問題6.3</h1>
<input type="button" value="ここをクリック" onclick="sayhello61();sayhello61();">
<h1>練習問題6.4</h1>
<input type="button" value="ここをクリック" onclick="saygoodbye();">
<h1>練習問題6.5 変数への代入</h1>
<input type="button" value="あいさつ" onclick="sayhello65();">
<input type="button" value="太郎" onclick="taro65();">
<input type="button" value="花子" onclick="hanako65();">
<h1>練習問題6.6</h1>
<input type="button" value="あいさつ" onclick="sayhello66();">
<input type="button" value="太郎" onclick="taro66();gakita();">
<input type="button" value="花子" onclick="hanako66();gakita();">
<h1>練習問題6.7 引数の練習</h1>
<input type="button" value="あいさつ" onclick="sayhello67();">
<input type="button" value="太郎" onclick ="someone('太郎');">
<input type="button" value="花子" onclick ="someone('花子');">
<input type="button" value="レイ" onclick ="someone('レイ');">
<input type="button" value="シンジ" onclick ="someone('シンジ');">
<input type="button" value="アスカ" onclick ="someone('アスカ');">
<h1>練習問題6.8 JavaScriptによる変更の練習</h1>
<input type="button" value="あいさつ" onclick="sayhello68();">
<input type="button" value="太郎" onclick="taro68();">
<input type="button" value="花子" onclick="hanako68();">
<p id="who68">world</p>
<h1>練習問題6.88</h1>
<p id="josai">
<input type="button" value="画像の変更" onclick="imgchange688();">
<img src="./image/bulboff.gif" alt="オフ">
</p>
<h1>練習問題6.9 JavaScriptによるページの変更</h1>
<div id="txt1">
<input type="button" value="テキストの変更" onclick="txtchange1();">
城西大学</div>
<h1>練習問題6.10</h1>
<input type="button" value="画像の変更" onclick="imgchange1();">
<input type="button" value="もとに戻す" onclick="imgchange2();">
<img src='./image/josailogo.jpg' id="logo" alt="josai logo" class="imagechange">
<h1>練習問題6.11</h1>
<form name="timer">
<input type="button" value="スタート" onclick="startfnc()">
<br>
<input type="text" name="moji" size="30" value=""></form>
<h1>練習問題6.12</h1>
<form><input type="button" value="Timer" onclick="setTimeout('mes()',3000)"></form>
<h1>練習問題6.13</h1>
<form name="timer13">
<input type="button" value="スタート" onclick="hyoji13()">
<br>
<input type="text" name="moji13" size="30" value=""></form>
<h1>練習問題6.14</h1>
<input type="button" value="画像の変更" onclick="imgchange5();">
<img src='./image/josailogo.jpg' id="logo2" alt="城西大学ロゴ">
<h1>練習問題7.1 テキスト入力の練習</h1>
<input type="button" value="あいさつ" onclick="sayhello71();">
<p>誰?<input type="text" id="who71"></p>
<h1>練習問題7.2 足し算</h1>
<p><input type="text" id="input1">+<input type="text" id="input2">
<input type="button" value="計算" onclick="add();"></p>
<h1>練習問題7.3</h1>
<form>
<p>身長<input type="text" id="input3"></p>
<p>体重<input type="text" id="input4"></p>
<input type="button" value="計算" onclick="add2();">
</form>
<h1>練習問題7.4 なぞなぞ</h1>
<p>目を閉じてないと見られないものはなーに?</p>
<p>答(漢字1文字で):<input type="text" id="answer">
<input type="button" value="解答" onclick="nazo();"></p>
<h1>練習問題7.5 なぞなぞ</h1>
<p>目を閉じてないと見られないものはなーに?</p>
<p>答(漢字1文字で):<input type="text" id="answer1">
<input type="button" value="解答" onclick="nazo1();"></p>
<h1>練習問題7.6 なぞなぞ</h1>
<p>目を閉じてないと見られないものはなーに?</p>
<p>答(漢字1文字で):<input type="text" id="answer2">
<input type="button" value="解答" onclick="nazo2();"></p>
<h1>練習問題7.7 なぞなぞ</h1>
<p>目を閉じてないと見られないものはなーに?</p>
<p>答(漢字1文字で):<input type="text" id="answer77">
<input type="button" value="解答" onclick="nazo77();"></p>
<h1>練習問題7.8 なぞなぞ</h1>
<p>目を閉じていないと見られないものはなーに?</p>
<p>答(漢字1文字で):<input type="text" id="answer3">
<input type="button" value="解答" onclick="nazo3();"></p>
<h1>練習問題7.9 なぞなぞ</h1>
<p>目を閉じていないと見られないものはなーに?</p>
<p>答(漢字1文字で):<input type="text" id="answer4">
<input type="button" value="解答" onclick="nazo4();"></p>
<h1>練習問題7.10 BMI計算</h1>
身長<input type="text" id="input5"> cm
体重<input type="text" id="input6"> kg
<input type="button" value="計算" onclick="add3();">
<h1>練習問題7.11 うるう年判別</h1>
<p>西暦<input type="text" id="nen1">年
<input type="button" value="計算" onclick="add4();"></p>
</body>
</html>