20220802 html,css,jsランダム
サクッと復習。当日に使った言葉をランダムで出題。
関連タイピング
-
0を1回打つだけ！
プレイ回数3.3万 短文1打 -
１２３４５６７８９０を早く打つだけ！
プレイ回数484万 数字10打 -
なにかがおこるかも
プレイ回数1481 数字1048打 -
1～9をひたすら打つゲームです。
プレイ回数3.5万 数字60秒 -
１早打ち王者決定戦!!
プレイ回数311 短文1打 -
9を連打ぁぁぁ！！！(((☆まじでやってくれ☆)))
プレイ回数15万 846打 -
数字や記号の指の位置を覚えたい方におすすめのタイピング
プレイ回数2488 長文361打 -
123を打ちまくれぇぇぇ！！！
プレイ回数2364 連打369打
問題文
ふりがな非表示
ふりがな表示
(body{
font-size:16px; line-size:1.5;})
body{
font-size:16px; line-size:1.5;}
(a{
color:#000; text-decoration:unset;})
a{
color:#000; text-decoration:unset;}
(ul{
list-style:none;})
ul{
list-style:none;}
(header {
padding: 20px 0;})
header {
padding: 20px 0;}
(.header_inner {display: flex; flex-wrap: wrap;
justify-content: space-between;})
.header_inner {display: flex; flex-wrap: wrap;
justify-content: space-between;}
(.header_gnav {font-size: 14px;
display: flex; flex-wrap: wrap;})
.header_gnav {font-size: 14px;
display: flex; flex-wrap: wrap;}
(.header_gnav li a {
padding: 10px 15px; display: block;})
.header_gnav li a {
padding: 10px 15px; display: block;}
(.header_gnav li a:hover {color: #23cec3;
border-bottom: 1px solid #23cec3;})
.header_gnav li a:hover {color: #23cec3;
border-bottom: 1px solid #23cec3;}
(@media screen and (max-width: 768px){)
@media screen and (max-width: 768px){
(.header_inner{
width: 90%; flex-wrap: wrap;})
.header_inner{
width: 90%; flex-wrap: wrap;}
(.header_gnav li {
width: 100%; text-align: center;})
.header_gnav li {
width: 100%; text-align: center;}
(.header_right_open {
display: block;})
.header_right_open {
display: block;}
(.menu_btn {
position:fixed; top:25px; right:20px;})
.menu_btn {
position:fixed; top:25px; right:20px;}
(.menu_btn span {width: 45px; height: 2px;
background: #000; display: block;})
.menu_btn span {width: 45px; height: 2px;
background: #000; display: block;}
(.menu_btn_open span{
background:red;})
.menu_btn_open span{
background:red;}
(.menu_btn span:nth-child(2){
margin: 15px 0;}})
.menu_btn span:nth-child(2){
margin: 15px 0;}}
($(function(){)
$(function(){
($('.menu_btn') .on('click',function(){)
$('.menu_btn') .on('click',function(){
($(this).toggleClass('menu_btn_open'))
$(this).toggleClass('menu_btn_open')
($('.header_right').toggleClass('header_right_open'))
$('.header_right').toggleClass('header_right_open')
など
(<header>
<div class="header_inner">)
<header>
<div class="header_inner">
(<div class="header_left">)
<div class="header_left">
(<div><a href=""><h1><img src="./img/logo.png" width="244" height="50" alt="logo">
</h1> </a></div>)
<div><a href=""><h1><img src="./img/logo.png" width="244" height="50" alt="logo">
</h1> </a></div>
(<div class="header_right">
<ul class="header_gnav"><li><a href="">HOME</a></li></ul></div>)
<div class="header_right">
<ul class="header_gnav"><li><a href="">HOME</a></li></ul></div>
(<div class="menu_btn"><span></span>
</div></header>)
<div class="menu_btn"><span></span>
</div></header>
(<footer><div class="footer_inner"><p></p></div></footer>
<script></script></body></html>)
<footer><div class="footer_inner"><p></p></div></footer>
<script></script></body></html>
(</footer><script src=".js"></script>
<script type="text/javascript" src="js/common.js"></script></body>)
</footer><script src=".js"></script>
<script type="text/javascript" src="js/common.js"></script></body>