teratail
回答率
85.47%
質問するログイン新規登録
トップJavaScriptに関する質問ボタンの表示と戻り値

編集履歴

質問編集履歴

1

インデント付け

2022/07/20 04:33

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,104 +8,108 @@
8
8
  の二つです。
9
9
  ボタンが消えないことと、returnをどこで使えばいいのかで行き詰まっています。
10
10
  ```JavaScript
11
- function syokika(){
11
+ function syokika() {
12
- var d = document.createElement("div");
12
+ var d = document.createElement("div");
13
- d.style.display = "block";
13
+ d.style.display = "block";
14
- d.style.height = "700px";
14
+ d.style.height = "700px";
15
- d.style.width = "1100px";
15
+ d.style.width = "1100px";
16
- d.style.background = "#000";
16
+ d.style.background = "#000";
17
- d.innerHTML = '
17
+ d.innerHTML = ' < span class = "a a1" > < span id = bt1 class = b > 1 <
18
- <span class="a a1"><span id=bt1 class=b>1</span></span><span class="a a2"><span id=bt2 class=b>2</span></span>
18
+ /span></span > < span class = "a a2" > < span id = bt2 class = b > 2 <
19
+ /span></span >
19
- <span class="a a3"><span id=bt3 class=b>3</span></span><span class="a a4"><span id=bt4 class=b>4</span></span>
20
+ < span class = "a a3" > < span id = bt3 class = b > 3 < /span></span > < span class =
21
+ "a a4" > < span id = bt4 class = b > 4 < /span></span >
20
22
 
23
+ < span style =
21
- <span style="position:absolute;height:200px;top:400px;left:5%;width:90%;background-color:#fff;overflow-y:scroll;" id="next">
24
+ "position:absolute;height:200px;top:400px;left:5%;width:90%;background-color:#fff;overflow-y:scroll;"
25
+ id = "next" >
22
- </span>
26
+ < /span> < style >
23
- <style>
24
- .a1{
27
+ .a1 {
25
- top:100px;
28
+ top: 100 px;
26
- left:5%;
29
+ left: 5 % ;
27
- }
30
+ }
28
- .a2{
31
+ .a2 {
29
- top:100px;
32
+ top: 100 px;
30
- left:55%;
33
+ left: 55 % ;
31
- }
34
+ }
32
- .a3{
35
+ .a3 {
33
- top:250px;
36
+ top: 250 px;
34
- left:25%;
37
+ left: 25 % ;
35
- }
38
+ }
36
- .a4{
39
+ .a4 {
37
- top:250px;
40
+ top: 250 px;
38
- left:75%;
41
+ left: 75 % ;
39
- }
42
+ }
40
43
 
41
- div .a{
44
+ div.a {
42
- border:1.5px solid #00ff00;
45
+ border: 1.5 px solid #00ff00;
43
46
  height:50px;
44
47
  width:20%;
45
48
  position:absolute;
46
- color:#fff;
49
+ color:# fff;
47
- font-size:30px;
50
+ font - size: 30 px;
48
- text-align:center;
51
+ text - align: center;
49
- letter-spacing:0.5em;
52
+ letter - spacing: 0.5e m;
50
- display:block;
53
+ display: block;
51
- }
54
+ }
52
- .b{
55
+ .b {
53
- display:block;
56
+ display: block;
54
- margin:10px 0;
57
+ margin: 10 px 0;
58
+ } < /style>
59
+ ';
60
+ document.querySelector("body").appendChild(d);
61
+ var e = document.getElementsByClassName("a");
62
+ for (var i = 0; i < e.length; i++) {
63
+ e[i].style.display = "none";
55
- }
64
+ }
56
- </style>
57
- ';
58
- document.querySelector("body").appendChild(d);
59
- var e = document.getElementsByClassName("a");
60
- for (var i=0;i<e.length;i++){
61
- e[i].style.display = "none";
62
- }
63
65
 
64
66
  }
65
67
  var e = document.getElementsByClassName("a");
68
+
66
- function hide(){
69
+ function hide() {
67
- for (var i=0;i<e.length;i++){
70
+ for (var i = 0; i < e.length; i++) {
68
- e[i].style.display = "none";
71
+ e[i].style.display = "none";
69
- }
72
+ }
70
73
  }
71
74
 
72
75
  elemeve = true;
76
+
73
- function sentaku(a, b, c, d){
77
+ function sentaku(a, b, c, d) {
74
- if (!typeof a == "undefined" || !typeof a == "number"){
78
+ if (!typeof a == "undefined" || !typeof a == "number") {
75
- document.getElementById("bt1").innerHTML = a;
79
+ document.getElementById("bt1").innerHTML = a;
76
- }
80
+ }
77
- if (!typeof b == "undefined" || !typeof b == "number"){
81
+ if (!typeof b == "undefined" || !typeof b == "number") {
78
- document.getElementById("bt2").inn1erHTML = b;
82
+ document.getElementById("bt2").inn1erHTML = b;
79
- }
83
+ }
80
- if (!typeof c == "undefined" || !typeof c == "number"){
84
+ if (!typeof c == "undefined" || !typeof c == "number") {
81
- document.getElementById("bt3").innerHTML = c;
85
+ document.getElementById("bt3").innerHTML = c;
82
- }
86
+ }
83
- if (!typeof d == "undefined" || !typeof d == "number"){
87
+ if (!typeof d == "undefined" || !typeof d == "number") {
84
- document.getElementById("bt4").innerHTML = d;
88
+ document.getElementById("bt4").innerHTML = d;
85
- }
89
+ }
86
- var e = document.getElementsByClassName("a");
90
+ var e = document.getElementsByClassName("a");
87
- for (var i=0;i<e.length;i++){
91
+ for (var i = 0; i < e.length; i++) {
88
- e[i].style.display = "block";
92
+ e[i].style.display = "block";
89
- }
93
+ }
90
- if (elemeve === true){
94
+ if (elemeve === true) {
91
- elemeve = false;
95
+ elemeve = false;
92
- var a1 = document.getElementById("a1");
96
+ var a1 = document.getElementById("a1");
93
- var a2 = document.getElementById("a2");
97
+ var a2 = document.getElementById("a2");
94
- var a3 = document.getElementById("a3");
98
+ var a3 = document.getElementById("a3");
95
- var a4 = document.getElementById("a4");
99
+ var a4 = document.getElementById("a4");
96
- a1.addEventListener("click", function(){
100
+ a1.addEventListener("click", function() {
97
- hide();
101
+ hide();
98
- });
102
+ });
99
- a2.addEventListener("click", function(){
103
+ a2.addEventListener("click", function() {
100
- hide();
104
+ hide();
101
- });
105
+ });
102
- a3.addEventListener("click", function(){
106
+ a3.addEventListener("click", function() {
103
- hide();
107
+ hide();
104
- });
108
+ });
105
- a4.addEventListener("click", function(){
109
+ a4.addEventListener("click", function() {
106
- hide();
110
+ hide();
107
- });
111
+ });
108
- }
112
+ }
109
113
  }
110
114
 
111
115
 
JavaScript