質問編集履歴
39
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -630,7 +630,7 @@
|
|
630
630
|
|
631
631
|
dayCount++;
|
632
632
|
|
633
|
-
//もし、5日に到達したらda
|
633
|
+
//もし、5日に到達したらdayCounに1をたす処理
|
634
634
|
|
635
635
|
if(dayCount==5) {
|
636
636
|
|
38
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -608,7 +608,7 @@
|
|
608
608
|
|
609
609
|
var monthCount=0;
|
610
610
|
|
611
|
-
var da
|
611
|
+
var dayCount=0;
|
612
612
|
|
613
613
|
//changeMsg関数を宣言
|
614
614
|
|
@@ -620,21 +620,21 @@
|
|
620
620
|
|
621
621
|
//テーブルオブジェクト
|
622
622
|
|
623
|
-
////aaa.textContent=dateArray[monthCount][da
|
623
|
+
////aaa.textContent=dateArray[monthCount][dayCount];
|
624
|
-
|
624
|
+
|
625
|
-
console.log(dateArray[monthCount][da
|
625
|
+
console.log(dateArray[monthCount][dayCount]);////
|
626
626
|
|
627
627
|
//dayCount変数に1ずつたす(+1)
|
628
628
|
|
629
629
|
monthCount;
|
630
630
|
|
631
|
-
da
|
631
|
+
dayCount++;
|
632
632
|
|
633
633
|
//もし、5日に到達したらdateCounに1をたす処理
|
634
634
|
|
635
|
-
if(da
|
635
|
+
if(dayCount==5) {
|
636
|
-
|
636
|
+
|
637
|
-
da
|
637
|
+
dayCount=0;
|
638
638
|
|
639
639
|
//試しに条件分岐を入れ子の形にしてみました
|
640
640
|
|
37
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -40,6 +40,12 @@
|
|
40
40
|
|
41
41
|
出来れば最後まで自力で頑張りたいのでワガママ言って申し訳ございませんがヒントという形でご教示いただくことは可能でしょうか。宜しくお願いします。
|
42
42
|
|
43
|
+
|
44
|
+
|
45
|
+
※私事で申し訳ございませんが、今回に関しては根気強くアドバイスを頂いてるoikashinoaさんにお世話になろうと考えております。多忙の中、回答頂いてることに対してはとても感謝してますが、時間の都合上で割ける時間が限られております。今後、回答頂いても返答できない可能性が高いので予めご了承ください。
|
46
|
+
|
47
|
+
|
48
|
+
|
43
49
|
```ここに言語を入力
|
44
50
|
|
45
51
|
//実際のソースコード
|
@@ -282,10 +288,6 @@
|
|
282
288
|
|
283
289
|
試したこと②
|
284
290
|
|
285
|
-
条件分岐で比較する変数をmsgNo2で試したところ6/1~6/5を繰り返し表示させることができるようになりました。また、msgNo変数の初期値を「1」に変更したら7/1~7/5が繰り返し表示されるようになりました。
|
286
|
-
|
287
|
-
ただ、肝心の6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
288
|
-
|
289
291
|
|
290
292
|
|
291
293
|
```ここに言語を入力
|
@@ -412,25 +414,129 @@
|
|
412
414
|
|
413
415
|
試したこと③
|
414
416
|
|
415
|
-
まず、変数名がわかりづらいとご指摘を受けたので以下のように変数名を変更しました。
|
416
|
-
|
417
417
|
|
418
418
|
|
419
419
|
```ここに言語を入力
|
420
420
|
|
421
|
+
<!DOCTYPE html>
|
422
|
+
|
423
|
+
<html lang="ja">
|
424
|
+
|
425
|
+
<head>
|
426
|
+
|
427
|
+
<meta charset="UTF-8">
|
428
|
+
|
429
|
+
<style>
|
430
|
+
|
431
|
+
table{
|
432
|
+
|
433
|
+
border-collapse:collpse;
|
434
|
+
|
435
|
+
margin:auto;
|
436
|
+
|
437
|
+
}
|
438
|
+
|
439
|
+
td{
|
440
|
+
|
441
|
+
border:8px solid lavender;
|
442
|
+
|
443
|
+
width:500px;
|
444
|
+
|
445
|
+
height:100px;
|
446
|
+
|
447
|
+
font-size:60px;
|
448
|
+
|
449
|
+
color:violet;
|
450
|
+
|
451
|
+
text-align:center;
|
452
|
+
|
453
|
+
}
|
454
|
+
|
455
|
+
</style>
|
456
|
+
|
457
|
+
<title>2019/06/01~2019/07/31の日付を2秒ごとに表示</title>
|
458
|
+
|
459
|
+
</head>
|
460
|
+
|
461
|
+
<body>
|
462
|
+
|
463
|
+
<table><tr><td id="msgTBL"></td></tr></table>
|
464
|
+
|
465
|
+
|
466
|
+
|
467
|
+
<script>
|
468
|
+
|
469
|
+
//2019/06/01~2019/07/31の文字列データを格納している
|
470
|
+
|
471
|
+
var dateArray=[
|
472
|
+
|
473
|
+
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
474
|
+
|
475
|
+
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
476
|
+
|
477
|
+
];
|
478
|
+
|
479
|
+
//dayCount変数を宣言し、初期値に0を代入
|
480
|
+
|
421
|
-
var m
|
481
|
+
var monthCount=0;
|
422
|
-
|
482
|
+
|
423
|
-
var
|
483
|
+
var dateCount=0;
|
484
|
+
|
424
|
-
|
485
|
+
//changeMsg関数を宣言
|
486
|
+
|
425
|
-
|
487
|
+
function changeMsg(){
|
488
|
+
|
489
|
+
//idを指定してテーブルオブジェクトを取得
|
490
|
+
|
491
|
+
var aaa=document.getElementById("msgTBL");
|
492
|
+
|
493
|
+
//テーブルオブジェクト
|
494
|
+
|
495
|
+
aaa.textContent=dateArray[monthCount][dateCount];
|
496
|
+
|
497
|
+
//dayCount変数に1ずつたす(+1)
|
498
|
+
|
499
|
+
monthCount;
|
500
|
+
|
501
|
+
dateCount++;
|
502
|
+
|
503
|
+
//もし、30日に到達したらmonthCountに1をたす処理
|
504
|
+
|
505
|
+
if(dateCount==30) {
|
506
|
+
|
507
|
+
dateCount=0;
|
508
|
+
|
509
|
+
monthCount=1;
|
510
|
+
|
511
|
+
//この後の処理がうまくいかない
|
512
|
+
|
513
|
+
}else if(dateCount==61){
|
514
|
+
|
515
|
+
dateCount=0;
|
516
|
+
|
517
|
+
monthCount=0;
|
518
|
+
|
519
|
+
}
|
520
|
+
|
521
|
+
}
|
522
|
+
|
523
|
+
//setIntervalの中にchangeMsg関数を指定して呼び出す
|
524
|
+
|
525
|
+
setInterval(changeMsg,2000);
|
526
|
+
|
527
|
+
</script>
|
528
|
+
|
529
|
+
</div>
|
530
|
+
|
531
|
+
</body>
|
532
|
+
|
533
|
+
</html>
|
534
|
+
|
535
|
+
|
426
536
|
|
427
537
|
```
|
428
538
|
|
429
|
-
|
430
|
-
|
431
|
-
ここまで6/1~6/30、7/1~7/31を2秒間隔で出せる処理は出来ましたが、6/1~7/31を出す処理が出来ずに詰まってました。その後、過去に頂いたヒントを見比べた時に7月を出すにはdayCountを「1」にする必要があることに気づきました。そこで、ある条件を満たした時にdayCountを「1」にする処理を思いつきました。それが、条件分岐です。条件分岐を使用することにより、6/1~7/31を表示させる処理が出来ました。
|
432
|
-
|
433
|
-
しかし、7月分から6月分をさせて以下を繰り返す処理が出来ませんでした。7月分から6月分に戻す処理がたりないということでしょうか。
|
539
|
+
試したこと④
|
434
540
|
|
435
541
|
|
436
542
|
|
@@ -472,7 +578,7 @@
|
|
472
578
|
|
473
579
|
</style>
|
474
580
|
|
475
|
-
<title>2019/06/01~2019/07/
|
581
|
+
<title>2019/06/01~2019/07/5の日付を1秒ごとに表示</title>
|
476
582
|
|
477
583
|
</head>
|
478
584
|
|
@@ -480,11 +586,15 @@
|
|
480
586
|
|
481
587
|
<table><tr><td id="msgTBL"></td></tr></table>
|
482
588
|
|
589
|
+
<!--////追加-->
|
590
|
+
|
591
|
+
<input type="button" value="start" onclick="changeMsg()">////
|
592
|
+
|
483
593
|
|
484
594
|
|
485
595
|
<script>
|
486
596
|
|
487
|
-
//2019/06/01~2019/07/
|
597
|
+
//2019/06/01~2019/07/5の文字列データを格納している
|
488
598
|
|
489
599
|
var dateArray=[
|
490
600
|
|
@@ -506,11 +616,13 @@
|
|
506
616
|
|
507
617
|
//idを指定してテーブルオブジェクトを取得
|
508
618
|
|
509
|
-
var aaa=document.getElementById("msgTBL");
|
619
|
+
////var aaa=document.getElementById("msgTBL");
|
510
620
|
|
511
621
|
//テーブルオブジェクト
|
512
622
|
|
513
|
-
aaa.textContent=dateArray[monthCount][dateCount];
|
623
|
+
////aaa.textContent=dateArray[monthCount][dateCount];
|
624
|
+
|
625
|
+
console.log(dateArray[monthCount][dateCount]);////
|
514
626
|
|
515
627
|
//dayCount変数に1ずつたす(+1)
|
516
628
|
|
@@ -518,21 +630,25 @@
|
|
518
630
|
|
519
631
|
dateCount++;
|
520
632
|
|
521
|
-
//もし、
|
633
|
+
//もし、5日に到達したらdateCounに1をたす処理
|
522
|
-
|
634
|
+
|
523
|
-
if(dateCount==
|
635
|
+
if(dateCount==5) {
|
524
636
|
|
525
637
|
dateCount=0;
|
526
638
|
|
639
|
+
//試しに条件分岐を入れ子の形にしてみました
|
640
|
+
|
641
|
+
//もし、monthCountが0の場合、1が足される
|
642
|
+
|
643
|
+
if(monthCount==0){
|
644
|
+
|
527
|
-
monthCount=1;
|
645
|
+
monthCount=1;
|
528
|
-
|
529
|
-
|
646
|
+
|
530
|
-
|
531
|
-
}else
|
647
|
+
}else{
|
532
|
-
|
533
|
-
|
648
|
+
|
534
|
-
|
535
|
-
monthCount=0;
|
649
|
+
monthCount=0;
|
650
|
+
|
651
|
+
}
|
536
652
|
|
537
653
|
}
|
538
654
|
|
@@ -540,7 +656,7 @@
|
|
540
656
|
|
541
657
|
//setIntervalの中にchangeMsg関数を指定して呼び出す
|
542
658
|
|
543
|
-
setInterval(changeMsg,2000);
|
659
|
+
////setInterval(changeMsg,2000);
|
544
660
|
|
545
661
|
</script>
|
546
662
|
|
@@ -550,138 +666,4 @@
|
|
550
666
|
|
551
667
|
</html>
|
552
668
|
|
553
|
-
|
554
|
-
|
555
669
|
```
|
556
|
-
|
557
|
-
試したこと④
|
558
|
-
|
559
|
-
|
560
|
-
|
561
|
-
```ここに言語を入力
|
562
|
-
|
563
|
-
<!DOCTYPE html>
|
564
|
-
|
565
|
-
<html lang="ja">
|
566
|
-
|
567
|
-
<head>
|
568
|
-
|
569
|
-
<meta charset="UTF-8">
|
570
|
-
|
571
|
-
<style>
|
572
|
-
|
573
|
-
table{
|
574
|
-
|
575
|
-
border-collapse:collpse;
|
576
|
-
|
577
|
-
margin:auto;
|
578
|
-
|
579
|
-
}
|
580
|
-
|
581
|
-
td{
|
582
|
-
|
583
|
-
border:8px solid lavender;
|
584
|
-
|
585
|
-
width:500px;
|
586
|
-
|
587
|
-
height:100px;
|
588
|
-
|
589
|
-
font-size:60px;
|
590
|
-
|
591
|
-
color:violet;
|
592
|
-
|
593
|
-
text-align:center;
|
594
|
-
|
595
|
-
}
|
596
|
-
|
597
|
-
</style>
|
598
|
-
|
599
|
-
<title>2019/06/01~2019/07/5の日付を1秒ごとに表示</title>
|
600
|
-
|
601
|
-
</head>
|
602
|
-
|
603
|
-
<body>
|
604
|
-
|
605
|
-
<table><tr><td id="msgTBL"></td></tr></table>
|
606
|
-
|
607
|
-
<!--////追加-->
|
608
|
-
|
609
|
-
<input type="button" value="start" onclick="changeMsg()">////
|
610
|
-
|
611
|
-
|
612
|
-
|
613
|
-
<script>
|
614
|
-
|
615
|
-
//2019/06/01~2019/07/5の文字列データを格納している
|
616
|
-
|
617
|
-
var dateArray=[
|
618
|
-
|
619
|
-
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
620
|
-
|
621
|
-
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
622
|
-
|
623
|
-
];
|
624
|
-
|
625
|
-
//dayCount変数を宣言し、初期値に0を代入
|
626
|
-
|
627
|
-
var monthCount=0;
|
628
|
-
|
629
|
-
var dateCount=0;
|
630
|
-
|
631
|
-
//changeMsg関数を宣言
|
632
|
-
|
633
|
-
function changeMsg(){
|
634
|
-
|
635
|
-
//idを指定してテーブルオブジェクトを取得
|
636
|
-
|
637
|
-
////var aaa=document.getElementById("msgTBL");
|
638
|
-
|
639
|
-
//テーブルオブジェクト
|
640
|
-
|
641
|
-
////aaa.textContent=dateArray[monthCount][dateCount];
|
642
|
-
|
643
|
-
console.log(dateArray[monthCount][dateCount]);////
|
644
|
-
|
645
|
-
//dayCount変数に1ずつたす(+1)
|
646
|
-
|
647
|
-
monthCount;
|
648
|
-
|
649
|
-
dateCount++;
|
650
|
-
|
651
|
-
//もし、5日に到達したらdateCounに1をたす処理
|
652
|
-
|
653
|
-
if(dateCount==5) {
|
654
|
-
|
655
|
-
dateCount=0;
|
656
|
-
|
657
|
-
//試しに条件分岐を入れ子の形にしてみました
|
658
|
-
|
659
|
-
//もし、monthCountが0の場合、1が足される
|
660
|
-
|
661
|
-
if(monthCount==0){
|
662
|
-
|
663
|
-
monthCount=1;
|
664
|
-
|
665
|
-
}else{
|
666
|
-
|
667
|
-
monthCount=0;
|
668
|
-
|
669
|
-
}
|
670
|
-
|
671
|
-
}
|
672
|
-
|
673
|
-
}
|
674
|
-
|
675
|
-
//setIntervalの中にchangeMsg関数を指定して呼び出す
|
676
|
-
|
677
|
-
////setInterval(changeMsg,2000);
|
678
|
-
|
679
|
-
</script>
|
680
|
-
|
681
|
-
</div>
|
682
|
-
|
683
|
-
</body>
|
684
|
-
|
685
|
-
</html>
|
686
|
-
|
687
|
-
```
|
36
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -553,3 +553,135 @@
|
|
553
553
|
|
554
554
|
|
555
555
|
```
|
556
|
+
|
557
|
+
試したこと④
|
558
|
+
|
559
|
+
|
560
|
+
|
561
|
+
```ここに言語を入力
|
562
|
+
|
563
|
+
<!DOCTYPE html>
|
564
|
+
|
565
|
+
<html lang="ja">
|
566
|
+
|
567
|
+
<head>
|
568
|
+
|
569
|
+
<meta charset="UTF-8">
|
570
|
+
|
571
|
+
<style>
|
572
|
+
|
573
|
+
table{
|
574
|
+
|
575
|
+
border-collapse:collpse;
|
576
|
+
|
577
|
+
margin:auto;
|
578
|
+
|
579
|
+
}
|
580
|
+
|
581
|
+
td{
|
582
|
+
|
583
|
+
border:8px solid lavender;
|
584
|
+
|
585
|
+
width:500px;
|
586
|
+
|
587
|
+
height:100px;
|
588
|
+
|
589
|
+
font-size:60px;
|
590
|
+
|
591
|
+
color:violet;
|
592
|
+
|
593
|
+
text-align:center;
|
594
|
+
|
595
|
+
}
|
596
|
+
|
597
|
+
</style>
|
598
|
+
|
599
|
+
<title>2019/06/01~2019/07/5の日付を1秒ごとに表示</title>
|
600
|
+
|
601
|
+
</head>
|
602
|
+
|
603
|
+
<body>
|
604
|
+
|
605
|
+
<table><tr><td id="msgTBL"></td></tr></table>
|
606
|
+
|
607
|
+
<!--////追加-->
|
608
|
+
|
609
|
+
<input type="button" value="start" onclick="changeMsg()">////
|
610
|
+
|
611
|
+
|
612
|
+
|
613
|
+
<script>
|
614
|
+
|
615
|
+
//2019/06/01~2019/07/5の文字列データを格納している
|
616
|
+
|
617
|
+
var dateArray=[
|
618
|
+
|
619
|
+
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
620
|
+
|
621
|
+
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
622
|
+
|
623
|
+
];
|
624
|
+
|
625
|
+
//dayCount変数を宣言し、初期値に0を代入
|
626
|
+
|
627
|
+
var monthCount=0;
|
628
|
+
|
629
|
+
var dateCount=0;
|
630
|
+
|
631
|
+
//changeMsg関数を宣言
|
632
|
+
|
633
|
+
function changeMsg(){
|
634
|
+
|
635
|
+
//idを指定してテーブルオブジェクトを取得
|
636
|
+
|
637
|
+
////var aaa=document.getElementById("msgTBL");
|
638
|
+
|
639
|
+
//テーブルオブジェクト
|
640
|
+
|
641
|
+
////aaa.textContent=dateArray[monthCount][dateCount];
|
642
|
+
|
643
|
+
console.log(dateArray[monthCount][dateCount]);////
|
644
|
+
|
645
|
+
//dayCount変数に1ずつたす(+1)
|
646
|
+
|
647
|
+
monthCount;
|
648
|
+
|
649
|
+
dateCount++;
|
650
|
+
|
651
|
+
//もし、5日に到達したらdateCounに1をたす処理
|
652
|
+
|
653
|
+
if(dateCount==5) {
|
654
|
+
|
655
|
+
dateCount=0;
|
656
|
+
|
657
|
+
//試しに条件分岐を入れ子の形にしてみました
|
658
|
+
|
659
|
+
//もし、monthCountが0の場合、1が足される
|
660
|
+
|
661
|
+
if(monthCount==0){
|
662
|
+
|
663
|
+
monthCount=1;
|
664
|
+
|
665
|
+
}else{
|
666
|
+
|
667
|
+
monthCount=0;
|
668
|
+
|
669
|
+
}
|
670
|
+
|
671
|
+
}
|
672
|
+
|
673
|
+
}
|
674
|
+
|
675
|
+
//setIntervalの中にchangeMsg関数を指定して呼び出す
|
676
|
+
|
677
|
+
////setInterval(changeMsg,2000);
|
678
|
+
|
679
|
+
</script>
|
680
|
+
|
681
|
+
</div>
|
682
|
+
|
683
|
+
</body>
|
684
|
+
|
685
|
+
</html>
|
686
|
+
|
687
|
+
```
|
35
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -16,7 +16,7 @@
|
|
16
16
|
|
17
17
|
//配列だと上手く表示されるが・・・
|
18
18
|
|
19
|
-
var
|
19
|
+
var dataArray=["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"];
|
20
20
|
|
21
21
|
```
|
22
22
|
|
@@ -26,7 +26,7 @@
|
|
26
26
|
|
27
27
|
//2次元配列にすると上手く処理されなくなる
|
28
28
|
|
29
|
-
var
|
29
|
+
var dataArray=[
|
30
30
|
|
31
31
|
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
32
32
|
|
34
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -488,17 +488,9 @@
|
|
488
488
|
|
489
489
|
var dateArray=[
|
490
490
|
|
491
|
-
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05",
|
491
|
+
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
492
|
-
|
493
|
-
|
492
|
+
|
494
|
-
|
495
|
-
"2019/06/21","2019/06/22","2019/06/23","2019/06/24","2019/06/25","2019/06/26","2019/06/27","2019/06/28","2019/06/29","2019/06/30"],
|
496
|
-
|
497
|
-
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"
|
493
|
+
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
498
|
-
|
499
|
-
"2019/07/11","2019/07/12","2019/07/13","2019/07/14","2019/07/15","2019/07/16","2019/07/17","2019/07/18","2019/07/19","2019/07/20",
|
500
|
-
|
501
|
-
"2019/07/21","2019/07/22","2019/07/23","2019/07/24","2019/07/25","2019/07/26","2019/07/27","2019/07/28","2019/07/29","2019/07/30","2019/07/31"]
|
502
494
|
|
503
495
|
];
|
504
496
|
|
33
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -430,7 +430,7 @@
|
|
430
430
|
|
431
431
|
ここまで6/1~6/30、7/1~7/31を2秒間隔で出せる処理は出来ましたが、6/1~7/31を出す処理が出来ずに詰まってました。その後、過去に頂いたヒントを見比べた時に7月を出すにはdayCountを「1」にする必要があることに気づきました。そこで、ある条件を満たした時にdayCountを「1」にする処理を思いつきました。それが、条件分岐です。条件分岐を使用することにより、6/1~7/31を表示させる処理が出来ました。
|
432
432
|
|
433
|
-
しかし、
|
433
|
+
しかし、7月分から6月分をさせて以下を繰り返す処理が出来ませんでした。7月分から6月分に戻す処理がたりないということでしょうか。
|
434
434
|
|
435
435
|
|
436
436
|
|
32
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -428,11 +428,7 @@
|
|
428
428
|
|
429
429
|
|
430
430
|
|
431
|
-
ここまで6/1~6/30
|
432
|
-
|
433
|
-
そこで、ある条件を満たした時にdayCountを「1」にする処理を思いつきました。それが、条件分岐です。
|
434
|
-
|
435
|
-
条件分岐を使用することにより、6/1~7/31を表示させる処理が出来ました。
|
431
|
+
ここまで6/1~6/30、7/1~7/31を2秒間隔で出せる処理は出来ましたが、6/1~7/31を出す処理が出来ずに詰まってました。その後、過去に頂いたヒントを見比べた時に7月を出すにはdayCountを「1」にする必要があることに気づきました。そこで、ある条件を満たした時にdayCountを「1」にする処理を思いつきました。それが、条件分岐です。条件分岐を使用することにより、6/1~7/31を表示させる処理が出来ました。
|
436
432
|
|
437
433
|
しかし、7/31から6/1に戻る処理が出来ていない状態です。
|
438
434
|
|
31
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -162,30 +162,6 @@
|
|
162
162
|
|
163
163
|
```ここに言語を入力
|
164
164
|
|
165
|
-
//初期値が0の変数を新たに追加。
|
166
|
-
|
167
|
-
var msgNo=0;
|
168
|
-
|
169
|
-
var msgNo2=0;
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
```
|
174
|
-
|
175
|
-
```ここに言語を入力
|
176
|
-
|
177
|
-
//あと、イングリメントも追加する
|
178
|
-
|
179
|
-
msgNo++;
|
180
|
-
|
181
|
-
msgNo2++;
|
182
|
-
|
183
|
-
```
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
```ここに言語を入力
|
188
|
-
|
189
165
|
//試したこと①のソースコード
|
190
166
|
|
191
167
|
<!DOCTYPE html>
|
30
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -182,10 +182,6 @@
|
|
182
182
|
|
183
183
|
```
|
184
184
|
|
185
|
-
しかし、2019/06/01と2019/07/02の値しか取得できません。
|
186
|
-
|
187
|
-
consoleのエラーメッセージに「Uncaught TypeError: Cannot read property '2' of undefined」と表示されます。エラーメッセージを検索したところ、プロパティが存在しない為、プロパティを読み取れません。 という意味みたいです。
|
188
|
-
|
189
185
|
|
190
186
|
|
191
187
|
```ここに言語を入力
|
@@ -456,10 +452,14 @@
|
|
456
452
|
|
457
453
|
|
458
454
|
|
459
|
-
ここまで6/1~6/30,7/1~7/31を2秒間隔で出せる処理は出来ましたが、6/1~7/31を出す処理が出来ずに詰まってました。その後、過去に頂いたヒントを見比べた時に7月を出すにはdayCountを「1」にする必要
|
455
|
+
ここまで6/1~6/30,7/1~7/31を2秒間隔で出せる処理は出来ましたが、6/1~7/31を出す処理が出来ずに詰まってました。その後、過去に頂いたヒントを見比べた時に7月を出すにはdayCountを「1」にする処理が必要であることに気づきました。
|
460
456
|
|
461
457
|
そこで、ある条件を満たした時にdayCountを「1」にする処理を思いつきました。それが、条件分岐です。
|
462
458
|
|
459
|
+
条件分岐を使用することにより、6/1~7/31を表示させる処理が出来ました。
|
460
|
+
|
461
|
+
しかし、7/31から6/1に戻る処理が出来ていない状態です。
|
462
|
+
|
463
463
|
|
464
464
|
|
465
465
|
```ここに言語を入力
|
29
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -38,25 +38,11 @@
|
|
38
38
|
|
39
39
|
2次元配列から値を取り出して「何らかの処理」をしないといけないところまでは理解できたが、そのあとどういった処理をしたらいいのか分からなく詰まっている状態です。
|
40
40
|
|
41
|
+
出来れば最後まで自力で頑張りたいのでワガママ言って申し訳ございませんがヒントという形でご教示いただくことは可能でしょうか。宜しくお願いします。
|
42
|
+
|
41
|
-
```ここに言語を入力
|
43
|
+
```ここに言語を入力
|
42
|
-
|
43
|
-
|
44
|
+
|
44
|
-
|
45
|
-
screen.textContent=MESSAGE[0][1];
|
46
|
-
|
47
|
-
```
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
出来れば最後まで自力で頑張りたいのでワガママ言って申し訳ございませんがヒントという形でご教示いただくことは可能でしょうか。
|
52
|
-
|
53
|
-
宜しくお願いします。
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
```
|
58
|
-
|
59
|
-
//
|
45
|
+
//実際のソースコード
|
60
46
|
|
61
47
|
<!DOCTYPE html>
|
62
48
|
|
@@ -110,7 +96,13 @@
|
|
110
96
|
|
111
97
|
|
112
98
|
|
99
|
+
var MESSAGE=[
|
100
|
+
|
113
|
-
|
101
|
+
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
102
|
+
|
103
|
+
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
104
|
+
|
105
|
+
];
|
114
106
|
|
115
107
|
//msgNoという変数を定義して初期値に0を代入
|
116
108
|
|
@@ -134,7 +126,7 @@
|
|
134
126
|
|
135
127
|
//MESSAGE変数の[i]番目の値をtextContentを使用して取り出す
|
136
128
|
|
137
|
-
screen.textContent=MESSAGE[
|
129
|
+
screen.textContent=MESSAGE[0][1];
|
138
130
|
|
139
131
|
//msgNo変数に1をたす(+1)
|
140
132
|
|
@@ -164,9 +156,41 @@
|
|
164
156
|
|
165
157
|
|
166
158
|
|
159
|
+
|
160
|
+
|
161
|
+
試したこと①
|
162
|
+
|
167
|
-
```ここに言語を入力
|
163
|
+
```ここに言語を入力
|
164
|
+
|
168
|
-
|
165
|
+
//初期値が0の変数を新たに追加。
|
166
|
+
|
167
|
+
var msgNo=0;
|
168
|
+
|
169
|
+
var msgNo2=0;
|
170
|
+
|
171
|
+
|
172
|
+
|
173
|
+
```
|
174
|
+
|
175
|
+
```ここに言語を入力
|
176
|
+
|
177
|
+
//あと、イングリメントも追加する
|
178
|
+
|
179
|
+
msgNo++;
|
180
|
+
|
181
|
+
msgNo2++;
|
182
|
+
|
183
|
+
```
|
184
|
+
|
185
|
+
しかし、2019/06/01と2019/07/02の値しか取得できません。
|
186
|
+
|
187
|
+
consoleのエラーメッセージに「Uncaught TypeError: Cannot read property '2' of undefined」と表示されます。エラーメッセージを検索したところ、プロパティが存在しない為、プロパティを読み取れません。 という意味みたいです。
|
188
|
+
|
189
|
+
|
190
|
+
|
191
|
+
```ここに言語を入力
|
192
|
+
|
169
|
-
//
|
193
|
+
//試したこと①のソースコード
|
170
194
|
|
171
195
|
<!DOCTYPE html>
|
172
196
|
|
@@ -234,11 +258,13 @@
|
|
234
258
|
|
235
259
|
var msgNo=0;
|
236
260
|
|
261
|
+
var msgNo2=0;
|
262
|
+
|
237
263
|
|
238
264
|
|
239
265
|
/**
|
240
266
|
|
241
|
-
*
|
267
|
+
* 3秒ごとに違う文字を表示させる
|
242
268
|
|
243
269
|
*/
|
244
270
|
|
@@ -250,12 +276,14 @@
|
|
250
276
|
|
251
277
|
//MESSAGE変数の[i]番目の値をtextContentを使用して取り出す
|
252
278
|
|
253
|
-
screen.textContent=MESSAGE[
|
279
|
+
screen.textContent=MESSAGE[msgNo][msgNo2];
|
254
280
|
|
255
281
|
//msgNo変数に1をたす(+1)
|
256
282
|
|
257
283
|
msgNo++;
|
258
284
|
|
285
|
+
msgNo2++;
|
286
|
+
|
259
287
|
//もし、msgNoの値が等しくなかった時、msgNoは0を返す
|
260
288
|
|
261
289
|
if(msgNo==4) msgNo=0;
|
@@ -280,41 +308,15 @@
|
|
280
308
|
|
281
309
|
|
282
310
|
|
283
|
-
|
284
|
-
|
285
|
-
試したこと
|
311
|
+
試したこと②
|
312
|
+
|
286
|
-
|
313
|
+
条件分岐で比較する変数をmsgNo2で試したところ6/1~6/5を繰り返し表示させることができるようになりました。また、msgNo変数の初期値を「1」に変更したら7/1~7/5が繰り返し表示されるようになりました。
|
314
|
+
|
315
|
+
ただ、肝心の6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
316
|
+
|
317
|
+
|
318
|
+
|
287
|
-
```ここに言語を入力
|
319
|
+
```ここに言語を入力
|
288
|
-
|
289
|
-
//初期値が0の変数を新たに追加。
|
290
|
-
|
291
|
-
var msgNo=0;
|
292
|
-
|
293
|
-
var msgNo2=0;
|
294
|
-
|
295
|
-
|
296
|
-
|
297
|
-
```
|
298
|
-
|
299
|
-
```ここに言語を入力
|
300
|
-
|
301
|
-
//あと、イングリメントも追加する
|
302
|
-
|
303
|
-
msgNo++;
|
304
|
-
|
305
|
-
msgNo2++;
|
306
|
-
|
307
|
-
```
|
308
|
-
|
309
|
-
しかし、2019/06/01と2019/07/02の値しか取得できません。
|
310
|
-
|
311
|
-
consoleのエラーメッセージに「Uncaught TypeError: Cannot read property '2' of undefined」と表示されます。エラーメッセージを検索したところ、プロパティが存在しない為、プロパティを読み取れません。 という意味みたいです。
|
312
|
-
|
313
|
-
|
314
|
-
|
315
|
-
```ここに言語を入力
|
316
|
-
|
317
|
-
//試したこと①のソースコード
|
318
320
|
|
319
321
|
<!DOCTYPE html>
|
320
322
|
|
@@ -378,7 +380,7 @@
|
|
378
380
|
|
379
381
|
//msgNoという変数を定義して初期値に0を代入
|
380
382
|
|
381
|
-
//msgN
|
383
|
+
//msgNo2変数の初期値を「1」に変更すれば7月分が表示されます。
|
382
384
|
|
383
385
|
var msgNo=0;
|
384
386
|
|
@@ -398,200 +400,192 @@
|
|
398
400
|
|
399
401
|
var screen=document.getElementById("msgTBL");
|
400
402
|
|
401
|
-
//
|
403
|
+
//6/1~6/5を繰り返す処理 msgNo変数の初期値は「0」にする
|
402
|
-
|
404
|
+
|
403
|
-
screen.textContent=MESSAGE[m
|
405
|
+
screen.textContent=MESSAGE[magNo][msgNo2];
|
406
|
+
|
404
|
-
|
407
|
+
//7/1~7/5を繰り返す処理 msgNo変数の初期値は「1」にする
|
408
|
+
|
409
|
+
//screen.textContent=MESSAGE[msgNo][msgNo2];
|
410
|
+
|
405
|
-
//msgNo変数に1をたす(+1)
|
411
|
+
//msgNo2変数に1をたす(+1)
|
406
|
-
|
412
|
+
|
407
|
-
msgNo
|
413
|
+
msgNo;
|
408
414
|
|
409
415
|
msgNo2++;
|
410
416
|
|
411
|
-
//もし、msgNoの値が等しくなかった時、msgNoは0を返す
|
417
|
+
//もし、msgNo2の値が等しくなかった時、msgNo2は0を返す
|
412
|
-
|
418
|
+
|
413
|
-
if(msgNo==
|
419
|
+
if(msgNo2==5) msgNo2=0;
|
420
|
+
|
421
|
+
}
|
422
|
+
|
423
|
+
//一定時間の処理を繰り返す為に使用する関数
|
424
|
+
|
425
|
+
setInterval(changeMsg,2000);
|
426
|
+
|
427
|
+
|
428
|
+
|
429
|
+
</script>
|
430
|
+
|
431
|
+
|
432
|
+
|
433
|
+
</body>
|
434
|
+
|
435
|
+
</html>
|
436
|
+
|
437
|
+
```
|
438
|
+
|
439
|
+
|
440
|
+
|
441
|
+
試したこと③
|
442
|
+
|
443
|
+
まず、変数名がわかりづらいとご指摘を受けたので以下のように変数名を変更しました。
|
444
|
+
|
445
|
+
|
446
|
+
|
447
|
+
```ここに言語を入力
|
448
|
+
|
449
|
+
var msg; → monthCount
|
450
|
+
|
451
|
+
var msgNo2; → dayCount
|
452
|
+
|
453
|
+
MESSAGE → dateArray
|
454
|
+
|
455
|
+
```
|
456
|
+
|
457
|
+
|
458
|
+
|
459
|
+
ここまで6/1~6/30,7/1~7/31を2秒間隔で出せる処理は出来ましたが、6/1~7/31を出す処理が出来ずに詰まってました。その後、過去に頂いたヒントを見比べた時に7月を出すにはdayCountを「1」にする必要性があることに気づきました。
|
460
|
+
|
461
|
+
そこで、ある条件を満たした時にdayCountを「1」にする処理を思いつきました。それが、条件分岐です。
|
462
|
+
|
463
|
+
|
464
|
+
|
465
|
+
```ここに言語を入力
|
466
|
+
|
467
|
+
<!DOCTYPE html>
|
468
|
+
|
469
|
+
<html lang="ja">
|
470
|
+
|
471
|
+
<head>
|
472
|
+
|
473
|
+
<meta charset="UTF-8">
|
474
|
+
|
475
|
+
<style>
|
476
|
+
|
477
|
+
table{
|
478
|
+
|
479
|
+
border-collapse:collpse;
|
480
|
+
|
481
|
+
margin:auto;
|
482
|
+
|
483
|
+
}
|
484
|
+
|
485
|
+
td{
|
486
|
+
|
487
|
+
border:8px solid lavender;
|
488
|
+
|
489
|
+
width:500px;
|
490
|
+
|
491
|
+
height:100px;
|
492
|
+
|
493
|
+
font-size:60px;
|
494
|
+
|
495
|
+
color:violet;
|
496
|
+
|
497
|
+
text-align:center;
|
498
|
+
|
499
|
+
}
|
500
|
+
|
501
|
+
</style>
|
502
|
+
|
503
|
+
<title>2019/06/01~2019/07/31の日付を2秒ごとに表示</title>
|
504
|
+
|
505
|
+
</head>
|
506
|
+
|
507
|
+
<body>
|
508
|
+
|
509
|
+
<table><tr><td id="msgTBL"></td></tr></table>
|
510
|
+
|
511
|
+
|
512
|
+
|
513
|
+
<script>
|
514
|
+
|
515
|
+
//2019/06/01~2019/07/31の文字列データを格納している
|
516
|
+
|
517
|
+
var dateArray=[
|
518
|
+
|
519
|
+
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05","2019/06/06","2019/06/07","2019/06/08","2019/06/09","2019/06/10",
|
520
|
+
|
521
|
+
"2019/06/11","2019/06/12","2019/06/13","2019/06/14","2019/06/15","2019/06/16","2019/06/17","2019/06/18","2019/06/19","2019/06/20",
|
522
|
+
|
523
|
+
"2019/06/21","2019/06/22","2019/06/23","2019/06/24","2019/06/25","2019/06/26","2019/06/27","2019/06/28","2019/06/29","2019/06/30"],
|
524
|
+
|
525
|
+
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05","2019/07/06","2019/07/07","2019/07/08","2019/07/09","2019/07/10",
|
526
|
+
|
527
|
+
"2019/07/11","2019/07/12","2019/07/13","2019/07/14","2019/07/15","2019/07/16","2019/07/17","2019/07/18","2019/07/19","2019/07/20",
|
528
|
+
|
529
|
+
"2019/07/21","2019/07/22","2019/07/23","2019/07/24","2019/07/25","2019/07/26","2019/07/27","2019/07/28","2019/07/29","2019/07/30","2019/07/31"]
|
530
|
+
|
531
|
+
];
|
532
|
+
|
533
|
+
//dayCount変数を宣言し、初期値に0を代入
|
534
|
+
|
535
|
+
var monthCount=0;
|
536
|
+
|
537
|
+
var dateCount=0;
|
538
|
+
|
539
|
+
//changeMsg関数を宣言
|
540
|
+
|
541
|
+
function changeMsg(){
|
542
|
+
|
543
|
+
//idを指定してテーブルオブジェクトを取得
|
544
|
+
|
545
|
+
var aaa=document.getElementById("msgTBL");
|
546
|
+
|
547
|
+
//テーブルオブジェクト
|
548
|
+
|
549
|
+
aaa.textContent=dateArray[monthCount][dateCount];
|
550
|
+
|
551
|
+
//dayCount変数に1ずつたす(+1)
|
552
|
+
|
553
|
+
monthCount;
|
554
|
+
|
555
|
+
dateCount++;
|
556
|
+
|
557
|
+
//もし、30日に到達したらmonthCountに1をたす処理
|
558
|
+
|
559
|
+
if(dateCount==30) {
|
560
|
+
|
561
|
+
dateCount=0;
|
562
|
+
|
563
|
+
monthCount=1;
|
564
|
+
|
565
|
+
//この後の処理がうまくいかない
|
566
|
+
|
567
|
+
}else if(dateCount==61){
|
568
|
+
|
569
|
+
dateCount=0;
|
570
|
+
|
571
|
+
monthCount=0;
|
572
|
+
|
573
|
+
}
|
414
574
|
|
415
575
|
}
|
416
576
|
|
417
|
-
//
|
577
|
+
//setIntervalの中にchangeMsg関数を指定して呼び出す
|
418
578
|
|
419
579
|
setInterval(changeMsg,2000);
|
420
580
|
|
421
|
-
|
422
|
-
|
423
581
|
</script>
|
424
582
|
|
425
|
-
|
583
|
+
</div>
|
426
|
-
|
584
|
+
|
427
|
-
|
585
|
+
</body>
|
428
586
|
|
429
587
|
</html>
|
430
588
|
|
589
|
+
|
590
|
+
|
431
|
-
```
|
591
|
+
```
|
432
|
-
|
433
|
-
|
434
|
-
|
435
|
-
試したこと②
|
436
|
-
|
437
|
-
条件分岐で比較する変数をmsgNo2で試したところ6/1~6/5を繰り返し表示させることができるようになりました。また、msgNo変数の初期値を「1」に変更したら7/1~7/5が繰り返し表示されるようになりました。
|
438
|
-
|
439
|
-
ただ、肝心の6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
440
|
-
|
441
|
-
|
442
|
-
|
443
|
-
```ここに言語を入力
|
444
|
-
|
445
|
-
<!DOCTYPE html>
|
446
|
-
|
447
|
-
<html lang="ja">
|
448
|
-
|
449
|
-
<head>
|
450
|
-
|
451
|
-
<meta charset="UTF-8">
|
452
|
-
|
453
|
-
<style>
|
454
|
-
|
455
|
-
table{
|
456
|
-
|
457
|
-
border-collapse:collapse;
|
458
|
-
|
459
|
-
margin:auto;
|
460
|
-
|
461
|
-
}
|
462
|
-
|
463
|
-
td{
|
464
|
-
|
465
|
-
border:8px solid lavender;
|
466
|
-
|
467
|
-
width:500px;
|
468
|
-
|
469
|
-
height:100px;
|
470
|
-
|
471
|
-
font-size:60px;
|
472
|
-
|
473
|
-
color:violet;
|
474
|
-
|
475
|
-
text-align:center;
|
476
|
-
|
477
|
-
}
|
478
|
-
|
479
|
-
</style>
|
480
|
-
|
481
|
-
<title>リアルタイム処理①</title>
|
482
|
-
|
483
|
-
</head>
|
484
|
-
|
485
|
-
<body>
|
486
|
-
|
487
|
-
|
488
|
-
|
489
|
-
<table><tr><td id="msgTBL"></td></tr></table>
|
490
|
-
|
491
|
-
|
492
|
-
|
493
|
-
<script>
|
494
|
-
|
495
|
-
|
496
|
-
|
497
|
-
var MESSAGE=[
|
498
|
-
|
499
|
-
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
500
|
-
|
501
|
-
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
502
|
-
|
503
|
-
];
|
504
|
-
|
505
|
-
//msgNoという変数を定義して初期値に0を代入
|
506
|
-
|
507
|
-
//msgNo2変数の初期値を「1」に変更すれば7月分が表示されます。
|
508
|
-
|
509
|
-
var msgNo=0;
|
510
|
-
|
511
|
-
var msgNo2=0;
|
512
|
-
|
513
|
-
|
514
|
-
|
515
|
-
/**
|
516
|
-
|
517
|
-
* 3秒ごとに違う文字を表示させる
|
518
|
-
|
519
|
-
*/
|
520
|
-
|
521
|
-
function changeMsg(){
|
522
|
-
|
523
|
-
//idを指定してテーブルオブジェクトを取得している
|
524
|
-
|
525
|
-
var screen=document.getElementById("msgTBL");
|
526
|
-
|
527
|
-
//6/1~6/5を繰り返す処理 msgNo変数の初期値は「0」にする
|
528
|
-
|
529
|
-
screen.textContent=MESSAGE[magNo][msgNo2];
|
530
|
-
|
531
|
-
//7/1~7/5を繰り返す処理 msgNo変数の初期値は「1」にする
|
532
|
-
|
533
|
-
//screen.textContent=MESSAGE[msgNo][msgNo2];
|
534
|
-
|
535
|
-
//msgNo2変数に1をたす(+1)
|
536
|
-
|
537
|
-
msgNo;
|
538
|
-
|
539
|
-
msgNo2++;
|
540
|
-
|
541
|
-
//もし、msgNo2の値が等しくなかった時、msgNo2は0を返す
|
542
|
-
|
543
|
-
if(msgNo2==5) msgNo2=0;
|
544
|
-
|
545
|
-
}
|
546
|
-
|
547
|
-
//一定時間の処理を繰り返す為に使用する関数
|
548
|
-
|
549
|
-
setInterval(changeMsg,2000);
|
550
|
-
|
551
|
-
|
552
|
-
|
553
|
-
</script>
|
554
|
-
|
555
|
-
|
556
|
-
|
557
|
-
</body>
|
558
|
-
|
559
|
-
</html>
|
560
|
-
|
561
|
-
```
|
562
|
-
|
563
|
-
|
564
|
-
|
565
|
-
気づいたこと①
|
566
|
-
|
567
|
-
msgNo変数の処理について改めて考え直してみました。
|
568
|
-
|
569
|
-
oikashinoaさんからのアドバイスでconsole.logに出力したところ、左の添字が0になっていることに気づきました。もしかして、左の添字には1ずつ足す処理を適用させないで右の添字だけ1ずつ足す処理を適用させればうまく取得できるのでは?と考えてます。
|
570
|
-
|
571
|
-
|
572
|
-
|
573
|
-
```ここに言語を入力
|
574
|
-
|
575
|
-
console.log( MESSAGE[0][0] );
|
576
|
-
|
577
|
-
console.log( MESSAGE[0][1] );
|
578
|
-
|
579
|
-
console.log( MESSAGE[0][2] );
|
580
|
-
|
581
|
-
console.log( MESSAGE[0][3] );
|
582
|
-
|
583
|
-
console.log( MESSAGE[0][4] );
|
584
|
-
|
585
|
-
```
|
586
|
-
|
587
|
-
|
588
|
-
|
589
|
-
気づいたこと②
|
590
|
-
|
591
|
-
msgNo変数だけでは配列操作がうまくできないことに気づきました。今回、2次元配列から値を取得したいので配列を操作する新しい変数が必要となります。なので、msgNo2という名前の新しい変数を作成しました。
|
592
|
-
|
593
|
-
```ここに言語を入力
|
594
|
-
|
595
|
-
var msgNo2=0;
|
596
|
-
|
597
|
-
```
|
28
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -504,7 +504,7 @@
|
|
504
504
|
|
505
505
|
//msgNoという変数を定義して初期値に0を代入
|
506
506
|
|
507
|
-
//msgNo変数を1にすれば7月分が表示されます。
|
507
|
+
//msgNo2変数の初期値を「1」に変更すれば7月分が表示されます。
|
508
508
|
|
509
509
|
var msgNo=0;
|
510
510
|
|
27
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -434,7 +434,7 @@
|
|
434
434
|
|
435
435
|
試したこと②
|
436
436
|
|
437
|
-
条件分岐で比較する変数をmsgNo2で試したところ6/1~6/5を繰り返し表示させることができるようになりました。また、msgNo変数の初期値を「1」にしたら7/1~7/5が繰り返し表示されるようになりました。
|
437
|
+
条件分岐で比較する変数をmsgNo2で試したところ6/1~6/5を繰り返し表示させることができるようになりました。また、msgNo変数の初期値を「1」に変更したら7/1~7/5が繰り返し表示されるようになりました。
|
438
438
|
|
439
439
|
ただ、肝心の6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
440
440
|
|
26
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -432,10 +432,162 @@
|
|
432
432
|
|
433
433
|
|
434
434
|
|
435
|
-
|
436
|
-
|
437
435
|
試したこと②
|
438
436
|
|
437
|
+
条件分岐で比較する変数をmsgNo2で試したところ6/1~6/5を繰り返し表示させることができるようになりました。また、msgNo変数の初期値を「1」にしたら7/1~7/5が繰り返し表示されるようになりました。
|
438
|
+
|
439
|
+
ただ、肝心の6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
440
|
+
|
441
|
+
|
442
|
+
|
443
|
+
```ここに言語を入力
|
444
|
+
|
445
|
+
<!DOCTYPE html>
|
446
|
+
|
447
|
+
<html lang="ja">
|
448
|
+
|
449
|
+
<head>
|
450
|
+
|
451
|
+
<meta charset="UTF-8">
|
452
|
+
|
453
|
+
<style>
|
454
|
+
|
455
|
+
table{
|
456
|
+
|
457
|
+
border-collapse:collapse;
|
458
|
+
|
459
|
+
margin:auto;
|
460
|
+
|
461
|
+
}
|
462
|
+
|
463
|
+
td{
|
464
|
+
|
465
|
+
border:8px solid lavender;
|
466
|
+
|
467
|
+
width:500px;
|
468
|
+
|
469
|
+
height:100px;
|
470
|
+
|
471
|
+
font-size:60px;
|
472
|
+
|
473
|
+
color:violet;
|
474
|
+
|
475
|
+
text-align:center;
|
476
|
+
|
477
|
+
}
|
478
|
+
|
479
|
+
</style>
|
480
|
+
|
481
|
+
<title>リアルタイム処理①</title>
|
482
|
+
|
483
|
+
</head>
|
484
|
+
|
485
|
+
<body>
|
486
|
+
|
487
|
+
|
488
|
+
|
489
|
+
<table><tr><td id="msgTBL"></td></tr></table>
|
490
|
+
|
491
|
+
|
492
|
+
|
493
|
+
<script>
|
494
|
+
|
495
|
+
|
496
|
+
|
497
|
+
var MESSAGE=[
|
498
|
+
|
499
|
+
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
500
|
+
|
501
|
+
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
502
|
+
|
503
|
+
];
|
504
|
+
|
505
|
+
//msgNoという変数を定義して初期値に0を代入
|
506
|
+
|
507
|
+
//msgNo変数を1にすれば7月分が表示されます。
|
508
|
+
|
509
|
+
var msgNo=0;
|
510
|
+
|
511
|
+
var msgNo2=0;
|
512
|
+
|
513
|
+
|
514
|
+
|
515
|
+
/**
|
516
|
+
|
517
|
+
* 3秒ごとに違う文字を表示させる
|
518
|
+
|
519
|
+
*/
|
520
|
+
|
521
|
+
function changeMsg(){
|
522
|
+
|
523
|
+
//idを指定してテーブルオブジェクトを取得している
|
524
|
+
|
525
|
+
var screen=document.getElementById("msgTBL");
|
526
|
+
|
527
|
+
//6/1~6/5を繰り返す処理 msgNo変数の初期値は「0」にする
|
528
|
+
|
529
|
+
screen.textContent=MESSAGE[magNo][msgNo2];
|
530
|
+
|
531
|
+
//7/1~7/5を繰り返す処理 msgNo変数の初期値は「1」にする
|
532
|
+
|
533
|
+
//screen.textContent=MESSAGE[msgNo][msgNo2];
|
534
|
+
|
535
|
+
//msgNo2変数に1をたす(+1)
|
536
|
+
|
537
|
+
msgNo;
|
538
|
+
|
539
|
+
msgNo2++;
|
540
|
+
|
541
|
+
//もし、msgNo2の値が等しくなかった時、msgNo2は0を返す
|
542
|
+
|
543
|
+
if(msgNo2==5) msgNo2=0;
|
544
|
+
|
545
|
+
}
|
546
|
+
|
547
|
+
//一定時間の処理を繰り返す為に使用する関数
|
548
|
+
|
549
|
+
setInterval(changeMsg,2000);
|
550
|
+
|
551
|
+
|
552
|
+
|
553
|
+
</script>
|
554
|
+
|
555
|
+
|
556
|
+
|
557
|
+
</body>
|
558
|
+
|
559
|
+
</html>
|
560
|
+
|
561
|
+
```
|
562
|
+
|
563
|
+
|
564
|
+
|
565
|
+
気づいたこと①
|
566
|
+
|
567
|
+
msgNo変数の処理について改めて考え直してみました。
|
568
|
+
|
569
|
+
oikashinoaさんからのアドバイスでconsole.logに出力したところ、左の添字が0になっていることに気づきました。もしかして、左の添字には1ずつ足す処理を適用させないで右の添字だけ1ずつ足す処理を適用させればうまく取得できるのでは?と考えてます。
|
570
|
+
|
571
|
+
|
572
|
+
|
573
|
+
```ここに言語を入力
|
574
|
+
|
575
|
+
console.log( MESSAGE[0][0] );
|
576
|
+
|
577
|
+
console.log( MESSAGE[0][1] );
|
578
|
+
|
579
|
+
console.log( MESSAGE[0][2] );
|
580
|
+
|
581
|
+
console.log( MESSAGE[0][3] );
|
582
|
+
|
583
|
+
console.log( MESSAGE[0][4] );
|
584
|
+
|
585
|
+
```
|
586
|
+
|
587
|
+
|
588
|
+
|
589
|
+
気づいたこと②
|
590
|
+
|
439
591
|
msgNo変数だけでは配列操作がうまくできないことに気づきました。今回、2次元配列から値を取得したいので配列を操作する新しい変数が必要となります。なので、msgNo2という名前の新しい変数を作成しました。
|
440
592
|
|
441
593
|
```ここに言語を入力
|
@@ -443,157 +595,3 @@
|
|
443
595
|
var msgNo2=0;
|
444
596
|
|
445
597
|
```
|
446
|
-
|
447
|
-
|
448
|
-
|
449
|
-
試したこと③
|
450
|
-
|
451
|
-
条件分岐で比較する変数をmsgNo2で試したところ6/1~6/5を繰り返し表示させることができるようになりました。また、msgNo変数の初期値を「1」にしたら7/1~7/5が繰り返し表示されるようになりました。
|
452
|
-
|
453
|
-
ただ、肝心の6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
454
|
-
|
455
|
-
|
456
|
-
|
457
|
-
```ここに言語を入力
|
458
|
-
|
459
|
-
<!DOCTYPE html>
|
460
|
-
|
461
|
-
<html lang="ja">
|
462
|
-
|
463
|
-
<head>
|
464
|
-
|
465
|
-
<meta charset="UTF-8">
|
466
|
-
|
467
|
-
<style>
|
468
|
-
|
469
|
-
table{
|
470
|
-
|
471
|
-
border-collapse:collapse;
|
472
|
-
|
473
|
-
margin:auto;
|
474
|
-
|
475
|
-
}
|
476
|
-
|
477
|
-
td{
|
478
|
-
|
479
|
-
border:8px solid lavender;
|
480
|
-
|
481
|
-
width:500px;
|
482
|
-
|
483
|
-
height:100px;
|
484
|
-
|
485
|
-
font-size:60px;
|
486
|
-
|
487
|
-
color:violet;
|
488
|
-
|
489
|
-
text-align:center;
|
490
|
-
|
491
|
-
}
|
492
|
-
|
493
|
-
</style>
|
494
|
-
|
495
|
-
<title>リアルタイム処理①</title>
|
496
|
-
|
497
|
-
</head>
|
498
|
-
|
499
|
-
<body>
|
500
|
-
|
501
|
-
|
502
|
-
|
503
|
-
<table><tr><td id="msgTBL"></td></tr></table>
|
504
|
-
|
505
|
-
|
506
|
-
|
507
|
-
<script>
|
508
|
-
|
509
|
-
|
510
|
-
|
511
|
-
var MESSAGE=[
|
512
|
-
|
513
|
-
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
514
|
-
|
515
|
-
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
516
|
-
|
517
|
-
];
|
518
|
-
|
519
|
-
//msgNoという変数を定義して初期値に0を代入
|
520
|
-
|
521
|
-
//msgNo変数を1にすれば7月分が表示されます。
|
522
|
-
|
523
|
-
var msgNo=0;
|
524
|
-
|
525
|
-
var msgNo2=0;
|
526
|
-
|
527
|
-
|
528
|
-
|
529
|
-
/**
|
530
|
-
|
531
|
-
* 3秒ごとに違う文字を表示させる
|
532
|
-
|
533
|
-
*/
|
534
|
-
|
535
|
-
function changeMsg(){
|
536
|
-
|
537
|
-
//idを指定してテーブルオブジェクトを取得している
|
538
|
-
|
539
|
-
var screen=document.getElementById("msgTBL");
|
540
|
-
|
541
|
-
//6/1~6/5を繰り返す処理 msgNo変数の初期値は「0」にする
|
542
|
-
|
543
|
-
screen.textContent=MESSAGE[magNo][msgNo2];
|
544
|
-
|
545
|
-
//7/1~7/5を繰り返す処理 msgNo変数の初期値は「1」にする
|
546
|
-
|
547
|
-
//screen.textContent=MESSAGE[msgNo][msgNo2];
|
548
|
-
|
549
|
-
//msgNo2変数に1をたす(+1)
|
550
|
-
|
551
|
-
msgNo;
|
552
|
-
|
553
|
-
msgNo2++;
|
554
|
-
|
555
|
-
//もし、msgNo2の値が等しくなかった時、msgNo2は0を返す
|
556
|
-
|
557
|
-
if(msgNo2==5) msgNo2=0;
|
558
|
-
|
559
|
-
}
|
560
|
-
|
561
|
-
//一定時間の処理を繰り返す為に使用する関数
|
562
|
-
|
563
|
-
setInterval(changeMsg,2000);
|
564
|
-
|
565
|
-
|
566
|
-
|
567
|
-
</script>
|
568
|
-
|
569
|
-
|
570
|
-
|
571
|
-
</body>
|
572
|
-
|
573
|
-
</html>
|
574
|
-
|
575
|
-
```
|
576
|
-
|
577
|
-
|
578
|
-
|
579
|
-
気づいたこと①
|
580
|
-
|
581
|
-
msgNo変数の処理について改めて考え直してみました。
|
582
|
-
|
583
|
-
oikashinoaさんからのアドバイスでconsole.logに出力したところ、左の添字が0になっていることに気づきました。もしかして、左の添字には1ずつ足す処理を適用させないで右の添字だけ1ずつ足す処理を適用させればうまく取得できるのでは?と考えてます。
|
584
|
-
|
585
|
-
|
586
|
-
|
587
|
-
```ここに言語を入力
|
588
|
-
|
589
|
-
console.log( MESSAGE[0][0] );
|
590
|
-
|
591
|
-
console.log( MESSAGE[0][1] );
|
592
|
-
|
593
|
-
console.log( MESSAGE[0][2] );
|
594
|
-
|
595
|
-
console.log( MESSAGE[0][3] );
|
596
|
-
|
597
|
-
console.log( MESSAGE[0][4] );
|
598
|
-
|
599
|
-
```
|
25
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -436,11 +436,11 @@
|
|
436
436
|
|
437
437
|
試したこと②
|
438
438
|
|
439
|
-
msgNo変数
|
439
|
+
msgNo変数だけでは配列操作がうまくできないことに気づきました。今回、2次元配列から値を取得したいので配列を操作する新しい変数が必要となります。なので、msgNo2という名前の新しい変数を作成しました。
|
440
|
-
|
440
|
+
|
441
|
-
```ここに言語を入力
|
441
|
+
```ここに言語を入力
|
442
|
-
|
442
|
+
|
443
|
-
var msgNo=0;
|
443
|
+
var msgNo2=0;
|
444
444
|
|
445
445
|
```
|
446
446
|
|
24
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -448,7 +448,7 @@
|
|
448
448
|
|
449
449
|
試したこと③
|
450
450
|
|
451
|
-
条件分岐で比較する変数をmsgNo2
|
451
|
+
条件分岐で比較する変数をmsgNo2で試したところ6/1~6/5を繰り返し表示させることができるようになりました。また、msgNo変数の初期値を「1」にしたら7/1~7/5が繰り返し表示されるようになりました。
|
452
452
|
|
453
453
|
ただ、肝心の6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
454
454
|
|
23
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -448,9 +448,7 @@
|
|
448
448
|
|
449
449
|
試したこと③
|
450
450
|
|
451
|
-
条件分岐で比較する変数をmsgNo2にした
|
451
|
+
条件分岐で比較する変数をmsgNo2に試したところ6/1~6/5を繰り返し表示させることができるようになりました。また、msgNo変数の初期値を「1」にしたら7/1~7/5が繰り返し表示されるようになりました。
|
452
|
-
|
453
|
-
また、msgNo変数の初期値を「1」にしたら7/1~7/5が繰り返し表示されるようになりました。
|
454
452
|
|
455
453
|
ただ、肝心の6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
456
454
|
|
22
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -448,11 +448,11 @@
|
|
448
448
|
|
449
449
|
試したこと③
|
450
450
|
|
451
|
-
条件分岐で比較する変数をmsgNo2にしたら
|
452
|
-
|
453
|
-
6/1~6/5
|
451
|
+
条件分岐で比較する変数をmsgNo2にしたら6/1~6/5を繰り返し表示させることができるようになりました。
|
452
|
+
|
454
|
-
|
453
|
+
また、msgNo変数の初期値を「1」にしたら7/1~7/5が繰り返し表示されるようになりました。
|
454
|
+
|
455
|
-
ただ、6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
455
|
+
ただ、肝心の6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
456
456
|
|
457
457
|
|
458
458
|
|
@@ -520,7 +520,7 @@
|
|
520
520
|
|
521
521
|
//msgNoという変数を定義して初期値に0を代入
|
522
522
|
|
523
|
-
//msgN
|
523
|
+
//msgNo変数を1にすれば7月分が表示されます。
|
524
524
|
|
525
525
|
var msgNo=0;
|
526
526
|
|
@@ -540,13 +540,13 @@
|
|
540
540
|
|
541
541
|
var screen=document.getElementById("msgTBL");
|
542
542
|
|
543
|
-
//6/1~6/5を繰り返す処理
|
543
|
+
//6/1~6/5を繰り返す処理 msgNo変数の初期値は「0」にする
|
544
544
|
|
545
545
|
screen.textContent=MESSAGE[magNo][msgNo2];
|
546
546
|
|
547
|
-
//7/1~7/5を繰り返す処理
|
547
|
+
//7/1~7/5を繰り返す処理 msgNo変数の初期値は「1」にする
|
548
|
-
|
548
|
+
|
549
|
-
//screen.textContent=MESSAGE[
|
549
|
+
//screen.textContent=MESSAGE[msgNo][msgNo2];
|
550
550
|
|
551
551
|
//msgNo2変数に1をたす(+1)
|
552
552
|
|
21
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -458,27 +458,121 @@
|
|
458
458
|
|
459
459
|
```ここに言語を入力
|
460
460
|
|
461
|
+
<!DOCTYPE html>
|
462
|
+
|
463
|
+
<html lang="ja">
|
464
|
+
|
465
|
+
<head>
|
466
|
+
|
467
|
+
<meta charset="UTF-8">
|
468
|
+
|
469
|
+
<style>
|
470
|
+
|
471
|
+
table{
|
472
|
+
|
473
|
+
border-collapse:collapse;
|
474
|
+
|
475
|
+
margin:auto;
|
476
|
+
|
477
|
+
}
|
478
|
+
|
479
|
+
td{
|
480
|
+
|
481
|
+
border:8px solid lavender;
|
482
|
+
|
483
|
+
width:500px;
|
484
|
+
|
485
|
+
height:100px;
|
486
|
+
|
487
|
+
font-size:60px;
|
488
|
+
|
489
|
+
color:violet;
|
490
|
+
|
491
|
+
text-align:center;
|
492
|
+
|
493
|
+
}
|
494
|
+
|
495
|
+
</style>
|
496
|
+
|
497
|
+
<title>リアルタイム処理①</title>
|
498
|
+
|
499
|
+
</head>
|
500
|
+
|
501
|
+
<body>
|
502
|
+
|
503
|
+
|
504
|
+
|
505
|
+
<table><tr><td id="msgTBL"></td></tr></table>
|
506
|
+
|
507
|
+
|
508
|
+
|
509
|
+
<script>
|
510
|
+
|
511
|
+
|
512
|
+
|
513
|
+
var MESSAGE=[
|
514
|
+
|
515
|
+
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
516
|
+
|
517
|
+
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
518
|
+
|
519
|
+
];
|
520
|
+
|
521
|
+
//msgNoという変数を定義して初期値に0を代入
|
522
|
+
|
523
|
+
//msgNOは配列を操作するため使われている
|
524
|
+
|
525
|
+
var msgNo=0;
|
526
|
+
|
527
|
+
var msgNo2=0;
|
528
|
+
|
529
|
+
|
530
|
+
|
531
|
+
/**
|
532
|
+
|
533
|
+
* 3秒ごとに違う文字を表示させる
|
534
|
+
|
535
|
+
*/
|
536
|
+
|
537
|
+
function changeMsg(){
|
538
|
+
|
539
|
+
//idを指定してテーブルオブジェクトを取得している
|
540
|
+
|
541
|
+
var screen=document.getElementById("msgTBL");
|
542
|
+
|
461
|
-
//6/1~6/5を繰り返す処理
|
543
|
+
//6/1~6/5を繰り返す処理
|
462
|
-
|
544
|
+
|
463
|
-
|
545
|
+
screen.textContent=MESSAGE[magNo][msgNo2];
|
464
|
-
|
546
|
+
|
465
|
-
//7/1~7/5を繰り返す処理
|
547
|
+
//7/1~7/5を繰り返す処理
|
466
|
-
|
548
|
+
|
467
|
-
//screen.textContent=MESSAGE[1][msgNo2];
|
549
|
+
//screen.textContent=MESSAGE[1][msgNo2];
|
468
|
-
|
550
|
+
|
469
|
-
//msgNo2変数に1をたす(+1)
|
551
|
+
//msgNo2変数に1をたす(+1)
|
470
|
-
|
552
|
+
|
471
|
-
msgNo;
|
553
|
+
msgNo;
|
472
|
-
|
554
|
+
|
473
|
-
msgNo2++;
|
555
|
+
msgNo2++;
|
474
|
-
|
556
|
+
|
475
|
-
//もし、msgNo2の値が等しくなかった時、msgNo2は0を返す
|
557
|
+
//もし、msgNo2の値が等しくなかった時、msgNo2は0を返す
|
476
|
-
|
558
|
+
|
477
|
-
if(msgNo2==5) msgNo2=0;
|
559
|
+
if(msgNo2==5) msgNo2=0;
|
478
|
-
|
560
|
+
|
479
|
-
}
|
561
|
+
}
|
562
|
+
|
480
|
-
|
563
|
+
//一定時間の処理を繰り返す為に使用する関数
|
564
|
+
|
481
|
-
|
565
|
+
setInterval(changeMsg,2000);
|
566
|
+
|
567
|
+
|
568
|
+
|
569
|
+
</script>
|
570
|
+
|
571
|
+
|
572
|
+
|
573
|
+
</body>
|
574
|
+
|
575
|
+
</html>
|
482
576
|
|
483
577
|
```
|
484
578
|
|
20
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -448,123 +448,37 @@
|
|
448
448
|
|
449
449
|
試したこと③
|
450
450
|
|
451
|
-
|
452
|
-
|
453
|
-
|
454
|
-
|
455
|
-
|
456
|
-
|
457
|
-
|
458
|
-
|
459
|
-
|
460
|
-
|
461
|
-
|
462
|
-
|
463
|
-
|
464
|
-
|
465
|
-
|
466
|
-
|
467
|
-
|
468
|
-
|
469
|
-
|
470
|
-
|
471
|
-
|
472
|
-
|
473
|
-
|
474
|
-
|
475
|
-
|
476
|
-
|
477
|
-
|
478
|
-
|
479
|
-
|
480
|
-
|
481
|
-
|
482
|
-
|
483
|
-
font-size:60px;
|
484
|
-
|
485
|
-
color:violet;
|
486
|
-
|
487
|
-
text-align:center;
|
488
|
-
|
489
|
-
}
|
490
|
-
|
491
|
-
</style>
|
492
|
-
|
493
|
-
<title>リアルタイム処理①</title>
|
494
|
-
|
495
|
-
</head>
|
496
|
-
|
497
|
-
<body>
|
498
|
-
|
499
|
-
|
500
|
-
|
501
|
-
<table><tr><td id="msgTBL"></td></tr></table>
|
502
|
-
|
503
|
-
|
504
|
-
|
505
|
-
<script>
|
506
|
-
|
507
|
-
|
508
|
-
|
509
|
-
var MESSAGE=[
|
510
|
-
|
511
|
-
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
512
|
-
|
513
|
-
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
514
|
-
|
515
|
-
];
|
516
|
-
|
517
|
-
//msgNoという変数を定義して初期値に0を代入
|
518
|
-
|
519
|
-
//msgNOは配列を操作するため使われている
|
520
|
-
|
521
|
-
var msgNo=0;
|
522
|
-
|
523
|
-
var msgNo2=0;
|
524
|
-
|
525
|
-
|
526
|
-
|
527
|
-
/**
|
528
|
-
|
529
|
-
* 3秒ごとに違う文字を表示させる
|
530
|
-
|
531
|
-
*/
|
532
|
-
|
533
|
-
function changeMsg(){
|
534
|
-
|
535
|
-
//idを指定してテーブルオブジェクトを取得している
|
536
|
-
|
537
|
-
var screen=document.getElementById("msgTBL");
|
538
|
-
|
539
|
-
//MESSAGE変数の[i]番目の値をtextContentを使用して取り出す
|
540
|
-
|
541
|
-
screen.textContent=MESSAGE[mgsNo][msgNo2];
|
542
|
-
|
543
|
-
//msgNo2変数に1をたす(+1)
|
544
|
-
|
545
|
-
msgNo;
|
546
|
-
|
547
|
-
msgNo2++;
|
548
|
-
|
549
|
-
//もし、msgNoの値が等しくなかった時、msgNoは0を返す
|
550
|
-
|
551
|
-
if(msgNo2==5) msgNo2=0;
|
552
|
-
|
553
|
-
}
|
554
|
-
|
555
|
-
//一定時間の処理を繰り返す為に使用する関数
|
556
|
-
|
557
|
-
setInterval(changeMsg,2000);
|
558
|
-
|
559
|
-
|
560
|
-
|
561
|
-
</script>
|
562
|
-
|
563
|
-
|
564
|
-
|
565
|
-
</body>
|
566
|
-
|
567
|
-
</html>
|
451
|
+
条件分岐で比較する変数をmsgNo2にしたら
|
452
|
+
|
453
|
+
6/1~6/5、7/1~7/5を繰り返し表示させることができるようになりました。
|
454
|
+
|
455
|
+
ただ、6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことですが...
|
456
|
+
|
457
|
+
|
458
|
+
|
459
|
+
```ここに言語を入力
|
460
|
+
|
461
|
+
//6/1~6/5を繰り返す処理
|
462
|
+
|
463
|
+
//screen.textContent=MESSAGE[0][msgNo2];
|
464
|
+
|
465
|
+
//7/1~7/5を繰り返す処理
|
466
|
+
|
467
|
+
//screen.textContent=MESSAGE[1][msgNo2];
|
468
|
+
|
469
|
+
//msgNo2変数に1をたす(+1)
|
470
|
+
|
471
|
+
msgNo;
|
472
|
+
|
473
|
+
msgNo2++;
|
474
|
+
|
475
|
+
//もし、msgNo2の値が等しくなかった時、msgNo2は0を返す
|
476
|
+
|
477
|
+
if(msgNo2==5) msgNo2=0;
|
478
|
+
|
479
|
+
}
|
480
|
+
|
481
|
+
|
568
482
|
|
569
483
|
```
|
570
484
|
|
19
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -446,6 +446,130 @@
|
|
446
446
|
|
447
447
|
|
448
448
|
|
449
|
+
試したこと③
|
450
|
+
|
451
|
+
下記のやり方で6/1~6/5、7/1~7/5を繰り返し表示させることができるようになりました。ただ、6/1~7/5を繰り返し表示させることができません。6/1~7/5を表示させるには切り替える処理が必要とのことです。
|
452
|
+
|
453
|
+
|
454
|
+
|
455
|
+
```ここに言語を入力
|
456
|
+
|
457
|
+
<!DOCTYPE html>
|
458
|
+
|
459
|
+
<html lang="ja">
|
460
|
+
|
461
|
+
<head>
|
462
|
+
|
463
|
+
<meta charset="UTF-8">
|
464
|
+
|
465
|
+
<style>
|
466
|
+
|
467
|
+
table{
|
468
|
+
|
469
|
+
border-collapse:collapse;
|
470
|
+
|
471
|
+
margin:auto;
|
472
|
+
|
473
|
+
}
|
474
|
+
|
475
|
+
td{
|
476
|
+
|
477
|
+
border:8px solid lavender;
|
478
|
+
|
479
|
+
width:500px;
|
480
|
+
|
481
|
+
height:100px;
|
482
|
+
|
483
|
+
font-size:60px;
|
484
|
+
|
485
|
+
color:violet;
|
486
|
+
|
487
|
+
text-align:center;
|
488
|
+
|
489
|
+
}
|
490
|
+
|
491
|
+
</style>
|
492
|
+
|
493
|
+
<title>リアルタイム処理①</title>
|
494
|
+
|
495
|
+
</head>
|
496
|
+
|
497
|
+
<body>
|
498
|
+
|
499
|
+
|
500
|
+
|
501
|
+
<table><tr><td id="msgTBL"></td></tr></table>
|
502
|
+
|
503
|
+
|
504
|
+
|
505
|
+
<script>
|
506
|
+
|
507
|
+
|
508
|
+
|
509
|
+
var MESSAGE=[
|
510
|
+
|
511
|
+
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
512
|
+
|
513
|
+
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
514
|
+
|
515
|
+
];
|
516
|
+
|
517
|
+
//msgNoという変数を定義して初期値に0を代入
|
518
|
+
|
519
|
+
//msgNOは配列を操作するため使われている
|
520
|
+
|
521
|
+
var msgNo=0;
|
522
|
+
|
523
|
+
var msgNo2=0;
|
524
|
+
|
525
|
+
|
526
|
+
|
527
|
+
/**
|
528
|
+
|
529
|
+
* 3秒ごとに違う文字を表示させる
|
530
|
+
|
531
|
+
*/
|
532
|
+
|
533
|
+
function changeMsg(){
|
534
|
+
|
535
|
+
//idを指定してテーブルオブジェクトを取得している
|
536
|
+
|
537
|
+
var screen=document.getElementById("msgTBL");
|
538
|
+
|
539
|
+
//MESSAGE変数の[i]番目の値をtextContentを使用して取り出す
|
540
|
+
|
541
|
+
screen.textContent=MESSAGE[mgsNo][msgNo2];
|
542
|
+
|
543
|
+
//msgNo2変数に1をたす(+1)
|
544
|
+
|
545
|
+
msgNo;
|
546
|
+
|
547
|
+
msgNo2++;
|
548
|
+
|
549
|
+
//もし、msgNoの値が等しくなかった時、msgNoは0を返す
|
550
|
+
|
551
|
+
if(msgNo2==5) msgNo2=0;
|
552
|
+
|
553
|
+
}
|
554
|
+
|
555
|
+
//一定時間の処理を繰り返す為に使用する関数
|
556
|
+
|
557
|
+
setInterval(changeMsg,2000);
|
558
|
+
|
559
|
+
|
560
|
+
|
561
|
+
</script>
|
562
|
+
|
563
|
+
|
564
|
+
|
565
|
+
</body>
|
566
|
+
|
567
|
+
</html>
|
568
|
+
|
569
|
+
```
|
570
|
+
|
571
|
+
|
572
|
+
|
449
573
|
気づいたこと①
|
450
574
|
|
451
575
|
msgNo変数の処理について改めて考え直してみました。
|
18
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -450,7 +450,7 @@
|
|
450
450
|
|
451
451
|
msgNo変数の処理について改めて考え直してみました。
|
452
452
|
|
453
|
-
oikashinoaさんからのアドバイスでconsole.logに出力したところ、左の
|
453
|
+
oikashinoaさんからのアドバイスでconsole.logに出力したところ、左の添字が0になっていることに気づきました。もしかして、左の添字には1ずつ足す処理を適用させないで右の添字だけ1ずつ足す処理を適用させればうまく取得できるのでは?と考えてます。
|
454
454
|
|
455
455
|
|
456
456
|
|
17
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -450,7 +450,7 @@
|
|
450
450
|
|
451
451
|
msgNo変数の処理について改めて考え直してみました。
|
452
452
|
|
453
|
-
oikashinoaさんからのアドバイスでconsole.logに出力したところ、左の部分だけ0になっていることに気づきました。0の部分は
|
453
|
+
oikashinoaさんからのアドバイスでconsole.logに出力したところ、左の部分だけ0になっていることに気づきました。もしかして、0の部分は1ずつ足す処理を適用させないで右の部分だけ1ずつ足す処理を適用させればうまく取得できるのでは?と考えてます。
|
454
454
|
|
455
455
|
|
456
456
|
|
16
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -448,32 +448,22 @@
|
|
448
448
|
|
449
449
|
気づいたこと①
|
450
450
|
|
451
|
-
msgNo変数の処理について改めて考えてみました。
|
451
|
+
msgNo変数の処理について改めて考え直してみました。
|
452
|
-
|
452
|
+
|
453
|
-
|
453
|
+
oikashinoaさんからのアドバイスでconsole.logに出力したところ、左の部分だけ0になっていることに気づきました。0の部分はイングリメントを適用させないで右の部分だけイングリメント適用させればうまく取得できるのでは?と気づきました。
|
454
|
-
|
455
|
-
|
456
|
-
|
454
|
+
|
455
|
+
|
456
|
+
|
457
|
-
```ここに言語を入力
|
457
|
+
```ここに言語を入力
|
458
|
-
|
458
|
+
|
459
|
-
|
459
|
+
console.log( MESSAGE[0][0] );
|
460
|
-
|
460
|
+
|
461
|
-
|
461
|
+
console.log( MESSAGE[0][1] );
|
462
|
-
|
462
|
+
|
463
|
-
|
463
|
+
console.log( MESSAGE[0][2] );
|
464
|
-
|
464
|
+
|
465
|
-
|
465
|
+
console.log( MESSAGE[0][3] );
|
466
|
-
|
466
|
+
|
467
|
-
|
467
|
+
console.log( MESSAGE[0][4] );
|
468
|
-
|
469
|
-
|
468
|
+
|
470
|
-
|
471
|
-
//7回目(配列だと[0][6]) msgNoの値は[0] msgNo2は[7]
|
472
|
-
|
473
|
-
//8回目(配列だと[0][7]) msgNoの値は[0] msgNo2は[8]
|
474
|
-
|
475
|
-
//9回目(配列だと[0][8]) msgNoの値は[0] msgNo2は[9]
|
476
|
-
|
477
|
-
//10回目(配列だと[0][9]) msgNoの値は[0] msgNo2は[10]
|
478
|
-
|
479
|
-
```
|
469
|
+
```
|
15
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -443,3 +443,37 @@
|
|
443
443
|
var msgNo=0;
|
444
444
|
|
445
445
|
```
|
446
|
+
|
447
|
+
|
448
|
+
|
449
|
+
気づいたこと①
|
450
|
+
|
451
|
+
msgNo変数の処理について改めて考えてみました。
|
452
|
+
|
453
|
+
配列から値を参照するにはmsgNo変数は必要です。新たにmsgNo2変数を追加しましたがうまく参照できませんでした。
|
454
|
+
|
455
|
+
|
456
|
+
|
457
|
+
```ここに言語を入力
|
458
|
+
|
459
|
+
//1回目(配列だと[0][0]) msgNoの値は[0] msgNo2は[0]
|
460
|
+
|
461
|
+
//2回目(配列だと[0][1]) msgNoの値は[0] msgNo2は[1]
|
462
|
+
|
463
|
+
//3回目(配列だと[0][2]) msgNoの値は[0] msgNo2は[2]
|
464
|
+
|
465
|
+
//4回目(配列だと[0][3]) msgNoの値は[0] msgNo2は[3]
|
466
|
+
|
467
|
+
//5回目(配列だと[0][4]) msgNoの値は[0] msgNo2は[4]
|
468
|
+
|
469
|
+
//6回目(配列だと[0][5]) msgNoの値は[0] msgNo2は[5]
|
470
|
+
|
471
|
+
//7回目(配列だと[0][6]) msgNoの値は[0] msgNo2は[7]
|
472
|
+
|
473
|
+
//8回目(配列だと[0][7]) msgNoの値は[0] msgNo2は[8]
|
474
|
+
|
475
|
+
//9回目(配列だと[0][8]) msgNoの値は[0] msgNo2は[9]
|
476
|
+
|
477
|
+
//10回目(配列だと[0][9]) msgNoの値は[0] msgNo2は[10]
|
478
|
+
|
479
|
+
```
|
14
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -440,6 +440,6 @@
|
|
440
440
|
|
441
441
|
```ここに言語を入力
|
442
442
|
|
443
|
-
var msgNo
|
443
|
+
var msgNo=0;
|
444
|
-
|
444
|
+
|
445
|
-
```
|
445
|
+
```
|
13
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -436,7 +436,7 @@
|
|
436
436
|
|
437
437
|
試したこと②
|
438
438
|
|
439
|
-
msgNo変数の操作がうまくできてないことに気づきました。今回、2次元配列から値を取得したいのでmsgNo変数を修正しないといけません。
|
439
|
+
msgNo変数の配列操作がうまくできてないことに気づきました。今回、2次元配列から値を取得したいのでmsgNo変数を修正しないといけません。
|
440
440
|
|
441
441
|
```ここに言語を入力
|
442
442
|
|
12
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -436,7 +436,7 @@
|
|
436
436
|
|
437
437
|
試したこと②
|
438
438
|
|
439
|
-
msgNo変数の
|
439
|
+
msgNo変数の操作がうまくできてないことに気づきました。今回、2次元配列から値を取得したいのでmsgNo変数を修正しないといけません。
|
440
440
|
|
441
441
|
```ここに言語を入力
|
442
442
|
|
11
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -436,7 +436,7 @@
|
|
436
436
|
|
437
437
|
試したこと②
|
438
438
|
|
439
|
-
msgNo変数
|
439
|
+
msgNo変数の処理がうまくできてないことに気づきました。今回、2次元配列から値を取得したいのでmsgNo変数を修正しないといけません。
|
440
440
|
|
441
441
|
```ここに言語を入力
|
442
442
|
|
10
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -429,3 +429,17 @@
|
|
429
429
|
</html>
|
430
430
|
|
431
431
|
```
|
432
|
+
|
433
|
+
|
434
|
+
|
435
|
+
|
436
|
+
|
437
|
+
試したこと②
|
438
|
+
|
439
|
+
msgNo変数は1つの配列しか処理できてないことに気づきました。今回、2次元配列から値を取得したいのでmsgNo変数を修正しないといけません。
|
440
|
+
|
441
|
+
```ここに言語を入力
|
442
|
+
|
443
|
+
var msgNo-0;
|
444
|
+
|
445
|
+
```
|
9
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -309,3 +309,123 @@
|
|
309
309
|
しかし、2019/06/01と2019/07/02の値しか取得できません。
|
310
310
|
|
311
311
|
consoleのエラーメッセージに「Uncaught TypeError: Cannot read property '2' of undefined」と表示されます。エラーメッセージを検索したところ、プロパティが存在しない為、プロパティを読み取れません。 という意味みたいです。
|
312
|
+
|
313
|
+
|
314
|
+
|
315
|
+
```ここに言語を入力
|
316
|
+
|
317
|
+
//試したこと①のソースコード
|
318
|
+
|
319
|
+
<!DOCTYPE html>
|
320
|
+
|
321
|
+
<html lang="ja">
|
322
|
+
|
323
|
+
<head>
|
324
|
+
|
325
|
+
<meta charset="UTF-8">
|
326
|
+
|
327
|
+
<style>
|
328
|
+
|
329
|
+
table{
|
330
|
+
|
331
|
+
border-collapse:collapse;
|
332
|
+
|
333
|
+
margin:auto;
|
334
|
+
|
335
|
+
}
|
336
|
+
|
337
|
+
td{
|
338
|
+
|
339
|
+
border:8px solid lavender;
|
340
|
+
|
341
|
+
width:500px;
|
342
|
+
|
343
|
+
height:100px;
|
344
|
+
|
345
|
+
font-size:60px;
|
346
|
+
|
347
|
+
color:violet;
|
348
|
+
|
349
|
+
text-align:center;
|
350
|
+
|
351
|
+
}
|
352
|
+
|
353
|
+
</style>
|
354
|
+
|
355
|
+
<title>リアルタイム処理①</title>
|
356
|
+
|
357
|
+
</head>
|
358
|
+
|
359
|
+
<body>
|
360
|
+
|
361
|
+
|
362
|
+
|
363
|
+
<table><tr><td id="msgTBL"></td></tr></table>
|
364
|
+
|
365
|
+
|
366
|
+
|
367
|
+
<script>
|
368
|
+
|
369
|
+
|
370
|
+
|
371
|
+
var MESSAGE=[
|
372
|
+
|
373
|
+
["2019/06/01","2019/06/02","2019/06/03","2019/06/04","2019/06/05"],
|
374
|
+
|
375
|
+
["2019/07/01","2019/07/02","2019/07/03","2019/07/04","2019/07/05"]
|
376
|
+
|
377
|
+
];
|
378
|
+
|
379
|
+
//msgNoという変数を定義して初期値に0を代入
|
380
|
+
|
381
|
+
//msgNOは配列を操作するため使われている
|
382
|
+
|
383
|
+
var msgNo=0;
|
384
|
+
|
385
|
+
var msgNo2=0;
|
386
|
+
|
387
|
+
|
388
|
+
|
389
|
+
/**
|
390
|
+
|
391
|
+
* 3秒ごとに違う文字を表示させる
|
392
|
+
|
393
|
+
*/
|
394
|
+
|
395
|
+
function changeMsg(){
|
396
|
+
|
397
|
+
//idを指定してテーブルオブジェクトを取得している
|
398
|
+
|
399
|
+
var screen=document.getElementById("msgTBL");
|
400
|
+
|
401
|
+
//MESSAGE変数の[i]番目の値をtextContentを使用して取り出す
|
402
|
+
|
403
|
+
screen.textContent=MESSAGE[msgNo][msgNo2];
|
404
|
+
|
405
|
+
//msgNo変数に1をたす(+1)
|
406
|
+
|
407
|
+
msgNo++;
|
408
|
+
|
409
|
+
msgNo2++;
|
410
|
+
|
411
|
+
//もし、msgNoの値が等しくなかった時、msgNoは0を返す
|
412
|
+
|
413
|
+
if(msgNo==4) msgNo=0;
|
414
|
+
|
415
|
+
}
|
416
|
+
|
417
|
+
//一定時間の処理を繰り返す為に使用する関数
|
418
|
+
|
419
|
+
setInterval(changeMsg,2000);
|
420
|
+
|
421
|
+
|
422
|
+
|
423
|
+
</script>
|
424
|
+
|
425
|
+
|
426
|
+
|
427
|
+
</body>
|
428
|
+
|
429
|
+
</html>
|
430
|
+
|
431
|
+
```
|
8
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -308,6 +308,4 @@
|
|
308
308
|
|
309
309
|
しかし、2019/06/01と2019/07/02の値しか取得できません。
|
310
310
|
|
311
|
-
consoleのエラーメッセージに「Uncaught TypeError: Cannot read property '2' of undefined」と表示されます。
|
311
|
+
consoleのエラーメッセージに「Uncaught TypeError: Cannot read property '2' of undefined」と表示されます。エラーメッセージを検索したところ、プロパティが存在しない為、プロパティを読み取れません。 という意味みたいです。
|
312
|
-
|
313
|
-
エラーメッセージを検索したところ、プロパティが存在しない為、プロパティを読み取れません。 という意味みたいです。
|
7
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -306,4 +306,8 @@
|
|
306
306
|
|
307
307
|
```
|
308
308
|
|
309
|
-
しかし、2019/06/01と2019/07/02の値しか取得できません
|
309
|
+
しかし、2019/06/01と2019/07/02の値しか取得できません。
|
310
|
+
|
311
|
+
consoleのエラーメッセージに「Uncaught TypeError: Cannot read property '2' of undefined」と表示されます。
|
312
|
+
|
313
|
+
エラーメッセージを検索したところ、プロパティが存在しない為、プロパティを読み取れません。 という意味みたいです。
|
6
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -277,3 +277,33 @@
|
|
277
277
|
</html>
|
278
278
|
|
279
279
|
```
|
280
|
+
|
281
|
+
|
282
|
+
|
283
|
+
|
284
|
+
|
285
|
+
試したこと①
|
286
|
+
|
287
|
+
```ここに言語を入力
|
288
|
+
|
289
|
+
//初期値が0の変数を新たに追加。
|
290
|
+
|
291
|
+
var msgNo=0;
|
292
|
+
|
293
|
+
var msgNo2=0;
|
294
|
+
|
295
|
+
|
296
|
+
|
297
|
+
```
|
298
|
+
|
299
|
+
```ここに言語を入力
|
300
|
+
|
301
|
+
//あと、イングリメントも追加する
|
302
|
+
|
303
|
+
msgNo++;
|
304
|
+
|
305
|
+
msgNo2++;
|
306
|
+
|
307
|
+
```
|
308
|
+
|
309
|
+
しかし、2019/06/01と2019/07/02の値しか取得できません
|
5
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -48,7 +48,7 @@
|
|
48
48
|
|
49
49
|
|
50
50
|
|
51
|
-
出来れば自力で頑張って
|
51
|
+
出来れば最後まで自力で頑張りたいのでワガママ言って申し訳ございませんがヒントという形でご教示いただくことは可能でしょうか。
|
52
52
|
|
53
53
|
宜しくお願いします。
|
54
54
|
|
@@ -238,7 +238,7 @@
|
|
238
238
|
|
239
239
|
/**
|
240
240
|
|
241
|
-
*
|
241
|
+
* 2秒ごとに違う文字を表示させる
|
242
242
|
|
243
243
|
*/
|
244
244
|
|
4
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -40,7 +40,7 @@
|
|
40
40
|
|
41
41
|
```ここに言語を入力
|
42
42
|
|
43
|
-
//
|
43
|
+
//2次元配列から値を1つ取り出すことに成功しました。そのあとどういった処理が必要になるのかわからずに詰まってます
|
44
44
|
|
45
45
|
screen.textContent=MESSAGE[0][1];
|
46
46
|
|
3
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -36,7 +36,7 @@
|
|
36
36
|
|
37
37
|
```
|
38
38
|
|
39
|
-
2次元配列
|
39
|
+
2次元配列から値を取り出して「何らかの処理」をしないといけないところまでは理解できたが、そのあとどういった処理をしたらいいのか分からなく詰まっている状態です。
|
40
40
|
|
41
41
|
```ここに言語を入力
|
42
42
|
|
2
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -36,7 +36,7 @@
|
|
36
36
|
|
37
37
|
```
|
38
38
|
|
39
|
-
2次元配列の取り出し
|
39
|
+
2次元配列の値を取り出して「何らかの処理」をしないといけないところまでは理解できたが、そのあとどういった処理をしたらいいのか分からなく詰まっている状態です。
|
40
40
|
|
41
41
|
```ここに言語を入力
|
42
42
|
|
1
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,11 +4,11 @@
|
|
4
4
|
|
5
5
|
|
6
6
|
|
7
|
-
現在、配列の勉強してますが2次元配列で
|
7
|
+
現在、配列の勉強してますが2次元配列で理解できていない部分があります。
|
8
|
-
|
8
|
+
|
9
|
-
やりた
|
9
|
+
やりたいことはsetInterval関数を使用して2秒間隔でメッセージを出したいです。
|
10
|
-
|
10
|
+
|
11
|
-
配列だとうまく
|
11
|
+
配列だとうまく表示されますが、2次元配列にすると上手くできなくなります。
|
12
12
|
|
13
13
|
|
14
14
|
|
@@ -48,7 +48,9 @@
|
|
48
48
|
|
49
49
|
|
50
50
|
|
51
|
+
出来れば自力で頑張って解決したいのでヒントという形でご教示いただくことは可能でしょうか。
|
52
|
+
|
51
|
-
|
53
|
+
宜しくお願いします。
|
52
54
|
|
53
55
|
|
54
56
|
|