質問編集履歴
2
htmlを追記しようと思いましたが方法がわかりません
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -421,50 +421,4 @@
|
|
|
421
421
|
|
|
422
422
|
}
|
|
423
423
|
|
|
424
|
-
|
|
424
|
+
|
|
425
|
-
コード
|
|
426
|
-
```
|
|
427
|
-
<!DOCTYPE html>
|
|
428
|
-
<html>
|
|
429
|
-
<head>
|
|
430
|
-
<script src="script3.js"></script>
|
|
431
|
-
<meta charset="UTF-8">
|
|
432
|
-
</head>
|
|
433
|
-
<body onload="hajime()">
|
|
434
|
-
<div style="position:absolute;left:20px;top:10px">
|
|
435
|
-
<h1>ランダムすごろく</h1>
|
|
436
|
-
<div style = "width:400px;">
|
|
437
|
-
プレイヤー名： <input type="text" id="playername">
|
|
438
|
-
</span>
|
|
439
|
-
</div>
|
|
440
|
-
</div>
|
|
441
|
-
|
|
442
|
-
<div style="position:absolute;left:200px;top:800px">
|
|
443
|
-
|
|
444
|
-
<img src="img/20220607205107.png"width="100" height="100"onclick="DiceRoll();">
|
|
445
|
-
</div>
|
|
446
|
-
|
|
447
|
-
<canvas id="back" width="500" height="400"
|
|
448
|
-
style="position:absolute;left:20px;top:130px; background:url('img/20220607195414.png');background-repeat: no-repeat;background-size:cover;">
|
|
449
|
-
</canvas>
|
|
450
|
-
<canvas id="game" width="500" height="400"
|
|
451
|
-
style="position:absolute; left:20px;top:150px; background-color: transparent;"></canvas>
|
|
452
|
-
|
|
453
|
-
<canvas id="msg" width="500" height="200"
|
|
454
|
-
style="position:absolute; left:40px;top:550px; background-color: black;"></canvas>
|
|
455
|
-
<canvas id="nokorisai" width="150" height="100"
|
|
456
|
-
style="position:absolute; left:350px;top:800px; background-color: white;border:2px solid; border-color:#000000;""></canvas>
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
<button id="kaishibtn"
|
|
461
|
-
style="position:absolute;left:350px;top:80px; width:80px; height:50px" onClick="gamekaishi();">
|
|
462
|
-
ゲーム<br>スタート
|
|
463
|
-
</button>
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
</body>
|
|
469
|
-
</html>
|
|
470
|
-
|
1
htmlを追加しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -421,6 +421,50 @@
|
|
|
421
421
|
|
|
422
422
|
}
|
|
423
423
|
|
|
424
|
-
|
|
424
|
+
```html
|
|
425
|
-
|
|
425
|
+
コード
|
|
426
|
-
|
|
426
|
+
```
|
|
427
|
+
<!DOCTYPE html>
|
|
428
|
+
<html>
|
|
429
|
+
<head>
|
|
430
|
+
<script src="script3.js"></script>
|
|
431
|
+
<meta charset="UTF-8">
|
|
432
|
+
</head>
|
|
433
|
+
<body onload="hajime()">
|
|
434
|
+
<div style="position:absolute;left:20px;top:10px">
|
|
435
|
+
<h1>ランダムすごろく</h1>
|
|
436
|
+
<div style = "width:400px;">
|
|
437
|
+
プレイヤー名： <input type="text" id="playername">
|
|
438
|
+
</span>
|
|
439
|
+
</div>
|
|
440
|
+
</div>
|
|
441
|
+
|
|
442
|
+
<div style="position:absolute;left:200px;top:800px">
|
|
443
|
+
|
|
444
|
+
<img src="img/20220607205107.png"width="100" height="100"onclick="DiceRoll();">
|
|
445
|
+
</div>
|
|
446
|
+
|
|
447
|
+
<canvas id="back" width="500" height="400"
|
|
448
|
+
style="position:absolute;left:20px;top:130px; background:url('img/20220607195414.png');background-repeat: no-repeat;background-size:cover;">
|
|
449
|
+
</canvas>
|
|
450
|
+
<canvas id="game" width="500" height="400"
|
|
451
|
+
style="position:absolute; left:20px;top:150px; background-color: transparent;"></canvas>
|
|
452
|
+
|
|
453
|
+
<canvas id="msg" width="500" height="200"
|
|
454
|
+
style="position:absolute; left:40px;top:550px; background-color: black;"></canvas>
|
|
455
|
+
<canvas id="nokorisai" width="150" height="100"
|
|
456
|
+
style="position:absolute; left:350px;top:800px; background-color: white;border:2px solid; border-color:#000000;""></canvas>
|
|
457
|
+
|
|
458
|
+
|
|
459
|
+
|
|
460
|
+
<button id="kaishibtn"
|
|
461
|
+
style="position:absolute;left:350px;top:80px; width:80px; height:50px" onClick="gamekaishi();">
|
|
462
|
+
ゲーム<br>スタート
|
|
463
|
+
</button>
|
|
464
|
+
|
|
465
|
+
|
|
466
|
+
|
|
467
|
+
|
|
468
|
+
</body>
|
|
469
|
+
</html>
|
|
470
|
+
|