diff --git a/kadai1.css b/kadai1.css
new file mode 100644
index 0000000..a443ad5
--- /dev/null
+++ b/kadai1.css
@@ -0,0 +1,19 @@
+
+.card {
+width: 60px;
+height: 80px;
+border: 1px solid;
+float:left;
+border-radius:7px;
+text-align:center;
+ }
+ #field{
+ width:440px;
+ hight:380px;
+}
+
+ .backcard {
+ background-image: url('haimen.png');
+ background-size: cover;
+ }
+
diff --git a/kadai1.html b/kadai1.html
new file mode 100644
index 0000000..6879fdd
--- /dev/null
+++ b/kadai1.html
@@ -0,0 +1,15 @@
+
+
+
+
+神経衰弱
+
+
+
+
+
+
+神経衰弱
+toranp
+
+
diff --git a/sinkeisuijaku.js b/sinkeisuijaku.js
new file mode 100644
index 0000000..e4f72c9
--- /dev/null
+++ b/sinkeisuijaku.js
@@ -0,0 +1,45 @@
+
+window.onload = start();
+
+
+//startはカードの生成
+function start()
+{
+ var one =[];
+ var two = [];
+
+ for(let x=0;
+ x<13;
+ x++){
+ var seed = ["1","2","3","4","5","6","7","8","9","10","11","12","13"]
+ //pushで各配列に格納する
+ //トランプみたいにマークをつけたいけどわからない...
+ one.push(seed[x]);
+ one.push(seed[x]);
+ one.push(seed[x]);
+ one.push(seed[x]);
+ }
+ //格納したものをシャッフル(ランダムに)する
+ for(var x=0;
+ x<52;
+ x++){
+ var random = Math.floor(Math.random()*one.length);
+ two.push(one[x]);
+ one.splice(x,1);
+ }
+
+ let set = document.getElementById("opencard");
+ for(let x=0;
+ x<52;
+ x++){
+ //createElementでhtmlにdivを生成する
+ var div = document.createElement("div");
+ div.className = "card backcard";
+ div.card = two[x];
+ div.innerHTML ="";
+ //カードをここで作成した場合にaddEventListnerをどう使えばいいかわからなかったのでonclickを使用
+ //div.onclick = card_opener;
+ set.appendChild(div);
+}
+
+}