質問するログイン新規登録

質問編集履歴

1

実際のコードを追記しました。

2019/10/22 12:17

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,10 +1,31 @@
1
1
  ### 実現したいこと
2
2
 
3
- 開始時間 12:00 (a = 12:00)
3
+ 開始時間 12:00 (start = 12:00)
4
- 終了時間 17:30 (b = 17:30)
4
+ 終了時間 17:30 (last = 17:30)
5
5
 
6
6
      ↓
7
7
 
8
- 300 (c = 300);
8
+ 330 (sum = 330);
9
9
 
10
+ input(time)で開始時間と終了時間を取得後
10
- 上記のように値を出力させたい
11
+ 上記のように値を出力させたい
12
+
13
+ ### ソースコード
14
+ ```html
15
+ <form name="form1">
16
+ <label for="start">開始時間</label><br>
17
+ <input type="time" name="start" value="12:00"><br>
18
+ <label for="last">終了時間</label><br>
19
+ <input type="time" name="last" value="17:30"><br>
20
+ </form>
21
+ ```
22
+ ```javascript
23
+ var start = document.form1.start.value;
24
+ var last = document.form1.last.value;
25
+ ```
26
+
27
+ ```
28
+ 試したこと
29
+ ```
30
+ new Date()を用いてlast - startを行おうと思いましたが、
31
+ 時間のみで実行できずNaNになってしまいます。