Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

あ #23

Open
wants to merge 15 commits into
base: gh-pages
Choose a base branch
from
Open

あ #23

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
148b98a
Create assessment.html
yata78 Oct 22, 2020
f6a81fc
Create assessment.css
yata78 Oct 22, 2020
d97f6bd
Create assessment.js
yata78 Oct 22, 2020
5d0c707
Update assessment.html
yata78 Oct 22, 2020
5f247a0
#1に対応するアップデートを行いました
yata78 Oct 28, 2020
1777b69
Update assessment.html
yata78 Oct 31, 2020
a002478
見出しを丁寧に変更
yata78 Oct 31, 2020
76ea980
Update assessment.html
yata78 Jan 22, 2021
a42f80e
Update assessment.js
yata78 Jan 22, 2021
cb74585
Rename assessment.js to input.js
yata78 Jan 22, 2021
6662968
Rename assessment.html to index.html
yata78 Jan 22, 2021
252ddfb
Update and rename assessment.css to style.css
yata78 Jan 22, 2021
f1922e8
Update style.css
yata78 Jan 22, 2021
f47a9ba
Update index.html
yata78 Jan 22, 2021
5bc1498
Update index.html
yata78 Jan 22, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
96 changes: 96 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./assets/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" href="./style.css">
<script src="./style.js"></script>
<title>誕生日おめ</title>
</head>
<body>
<header>
<p class="headee">2021年1月22日</p>
<h1>茂木たくま</h1>
</header>
<p>どうも茂木たくまです。そんな挨拶から始まるyoutuberの茂木さん。</p>
<p>そんな彼ですが、本名、顔、年齢などは公開されているのでしょうか</p>
<p>様々な謎に包まれてた茂木たくまさんの噂を徹底的に調べて、紹介していきたいと思います！！</p>
<div class="jiko">
　<h2 class="midasi">茂木たくまさんについて</h2>
</div>

<p>茂木たくまさんが公表しているプロフィールは以下の通りです。</p>
<table>
<tr>
<th>名前</th>
<td>茂木たくま</td>
</tr>
<tr>
<th>性別</th>
<td>おそらく女</td>
</tr>
<tr>
<th>身長</th>
<td>2m50cm</td>
</tr>
<tr>
<th>体重</th>
<td>不明</td>
</tr>
<tr>
<th>血液型</th>
<td>不明</td>
</tr>
<tr>
<th>生年月日</th>
<td>2000年1月22日</td>
</tr>
<tr>
<th>家族構成</th>
<td>不明</td>
</tr>
</table>

<p>他にも自身のyoutubeで次のように言ってました</p>
<div class="syoukai">
<ul>
<li>女は選び放題</li>
<li>Tinder最高</li>
<li>ヒモになりたい</li>
<li>えなこに養ってほしい</li>
<li>高校までバドミントンをやっていた</li>
<li>最近は自転車で通学している</li>
</ul>
</div>

<div class="jiko">
<p class="min">顔出しはしているの？</p>
<p class="moji">顔出しは.....</p>
<p class="moji">していないようですね.....</p>
<p class="moji2">もしかしたら顔出しするかもしれないので引き続き調査していきたいと思います。</p>


<p class="min">年齢は？</p>
<p class="moji">年齢は.....</p>
<p class="moji">おそらく20歳なのではないでしょうか.....</p>
<p class="moji">大学生なのでその付近であることは間違いないと思います。</p>


<p class="min">年収は？</p>
<p class="moji">すいません、調べてみましたがわかりませんでした.....</p>
<p class="moji2">バイトなどはしていないみたいです。まさか収入が無いなんてことはないですよね？</p>

<p class="min">彼女は？</p>
<p class="moji2">いるようです。遠距離恋愛らしいですね（2019年調べ）</p>


　<h2 class="midasi">終わりに</h2>
<p>いかがでしたか？茂木たくまさんは未公開の情報が多いのでわからないところがたくさんありましたが、これからも引き続き調査していきます</p>
<p>茂木たくまさんのこれからの活躍を応援していきましょう。</p>
</div>
<footer>
<p>© All rights reserved by Tatsuya Yamada.</p>
</footer>
</body>
</html>
13 changes: 13 additions & 0 deletions input.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
function butotnClick(){
const html = `
<li class="list-group-item d-flex justify-content-between align-items-center">
<span>${task}</span>
<i class="far fa-trash-alt delete"></i>
</li>
`;

list.innerHTML += html;
}

let button = document.getElementById('btn');
button.addEventListener('click', butotnClick);
76 changes: 76 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
body{
text-align: center;
background-color: ghostwhite;
margin:0;
}

.headee{
padding-left: 50px;
vertical-align: top;
text-align: left;
color: grey;
}
header {
width: 100%;
padding: 15px 0;
margin: 0 auto;
text-align: center;
}

.midasi{
width: auto;
height: 40px;
background-color: darkgray;
vertical-align: middle;


}

table{

margin-left: auto;
margin-right: auto;
display: inline;
text-align: center;

}

.syoukai{
width: 500px;
text-align: center;
margin: auto;
padding: auto;
border: solid 1px #333;
margin-bottom: 50px;
}

.min{
margin-left: 30px;
margin-right: auto;
width: 200px;
border-left: solid 5px #333;
border-bottom: solid 1px #333;
font-weight: bold;
}

.moji{
line-height: 5;
}

.moji2{
line-height: 7;
}

.jiko{
margin-left: auto;
margin-right: auto;
width: 700px;
}

footer{
width: 100%;
height: 60px;
text-align: center;
padding: 50px 0;
background-color: sienna;
}