anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>課題2-1</title>
</head>
<body fontsize = 30>
  <form action = "kadai_2-1.php" method = "post" >
    <p>名前</p>
    <input type = "text" name = "name" >
    <p>コメント</p>
    <textarea name = "comment" ></textarea><br>
    <input type = "submit" name = "送信">
  </form>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <link rel="stylesheet" href="kadai5_5_2.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="tel">
        <h1>電卓</h1>
        <input id="show_input" type="text" class="show_input">
        <input id="delete" onclick="delete_num()" type="button" class="delete" value="×"><br/>
        <input id="7" onclick="input_num(document.getElementById('7').value)" type="button" class="num" value="7">
        <input id="8" onclick="input_num(document.getElementById('8').value)" type="button" class="num" value="8">
        <input id="9" onclick="input_num(document.getElementById('9').value)" type="button" class="num" value="9">
        <input id="×" onclick="input_num(document.getElementById('×').value)" type="button" class="num" value="*"><br/>
        <input id="4" onclick="input_num(document.getElementById('4').value)" type="button" class="num" value="4">
        <input id="5" onclick="input_num(document.getElementById('5').value)" type="button" class="num" value="5">
        <input id="6" onclick="input_num(document.getElementById('6').value)" type="button" class="num" value="6">
        <input id="-" onclick="input_num(document.getElementById('-').value)" type="button" class="num" value="-"><br/>
        <input id="1" onclick="input_num(document.getElementById('1').value)" type="button" class="num" value="1">
        <input id="2" onclick="input_num(document.getElementById('2').value)" type="button" class="num" value="2">
        <input id="3" onclick="input_num(document.getElementById('3').value)" type="button" class="num" value="3">
        <input id="+" onclick="input_num(document.getElementById('+').value)" type="button" class="num" value="+"><br/>
        <input id="0" onclick="input_num(document.getElementById('0').value)" type="button" class="big_num" value="0">
        <input id="=" onclick="calc()" type="button" class="num" value="=">
        <input id="÷" onclick="input_num(document.getElementById('÷').value)" type="button" class="num" value="/"><br/>
    </div>
    <script>
        var result = document.getElementById("show_input");
        function input_num(x){
            document.getElementById("show_input").value=document.getElementById("show_input").value+x;
        }
        function delete_num(){
            document.getElementById("show_input").value="";
        }
        function calc() {
            result.value = new Function("return " + result.value)();
        }
    </script>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <link rel="stylesheet" href="kadai5_5.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="tel">
        <h1>ダイヤルパッド</h1>
        <input id="show_input" type="text" class="show_input">
        <input id="delete" onclick="delete_num()" type="button" class="delete" value="×"><br/>
        <input id="1" onclick="input_num(document.getElementById('1').value)" type="button" class="num" value="1">
        <input id="2" onclick="input_num(document.getElementById('2').value)" type="button" class="num" value="2">
        <input id="3" onclick="input_num(document.getElementById('3').value)" type="button" class="num" value="3"><br/>
        <input id="4" onclick="input_num(document.getElementById('4').value)" type="button" class="num" value="4">
        <input id="5" onclick="input_num(document.getElementById('5').value)" type="button" class="num" value="5">
        <input id="6" onclick="input_num(document.getElementById('6').value)" type="button" class="num" value="6"><br/>
        <input id="7" onclick="input_num(document.getElementById('7').value)" type="button" class="num" value="7">
        <input id="8" onclick="input_num(document.getElementById('8').value)" type="button" class="num" value="8">
        <input id="9" onclick="input_num(document.getElementById('9').value)" type="button" class="num" value="9"><br/>
        <input id="*" onclick="input_num(document.getElementById('*').value)" type="button" class="num" value="*">
        <input id="0" onclick="input_num(document.getElementById('0').value)" type="button" class="num" value="0">
        <input id="#" onclick="input_num(document.getElementById('#').value)" type="button" class="num" value="#">
    </div>
    <script>
        function input_num(x){
            document.getElementById("show_input").value=document.getElementById("show_input").value+x;
        }
        function delete_num(){
            document.getElementById("show_input").value="";
        }
    </script>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 id="title">Q. 1+1= ?</h1>
    <form>
        <input id="1" type="text">
        <input onclick="judge(document.getElementById('1').value)" type="button" value="答えを送信"><br/>
    </form>
    <script>
        function judge(ans){
            if(ans==""){
                alert('空欄です');
            }else if(ans=="2"){
                document.write("正解です");
            }else{
                document.write("間違いです");
            }
        }
    </script>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <link rel="stylesheet" href="kadai5_3.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1 id="title">タイトル</h1>
    <form>
        <input id="1" type="text">
        <input onclick="mk_title()" type="button" value="タイトルを変更"><br/>
    </form>
    <form>
        <input onclick="blue()" type="button" value="青"><br/>
    </form>
    <form>
        <input onclick="red()" type="button" value="赤"><br/>
    </form>
    <form>
        <input onclick="yellow()" type="button" value="黄"><br/>
    </form>
    <script>
        function mk_title(){
            document.getElementById("title").innerHTML=document.getElementById("1").value;
            document.getElementById("1").value="";
        }
        function blue(){
            document.getElementById("title").style.backgroundColor="blue";
            document.getElementById("title").style.color="white";
        }
        function red(){
            document.getElementById("title").style.backgroundColor="red";
            document.getElementById("title").style.color="white";
        }
        function yellow(){
            document.getElementById("title").style.backgroundColor="yellow";
            document.getElementById("title").style.color="black";
        }
    </script>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <link rel="stylesheet" href="kadai5_2.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        <input id="1" type="text">
        <input onclick="tenki_a()" type="button" value="下に送信"><br/>
    </form>
    <form>
        <input id="2" type="text">
        <input onclick="tenki_b()" type="button" value="下に送信"><br/>
    </form>
    <form>
        <input id="3" type="text">
        <input onclick="tenki_c()" type="button" value="下に送信"><br/>
    </form>
    <form>
        <input id="4" type="text">
        <input onclick="tenki_d()" type="button" value="上に送信"><br/>
    </form>
    <script>
        function tenki_a(){
            document.getElementById("2").value=document.getElementById("1").value;
            document.getElementById("1").value="";
        }
        function tenki_b(){
            document.getElementById("3").value=document.getElementById("2").value;
            document.getElementById("2").value="";
        }
        function tenki_c(){
            document.getElementById("4").value=document.getElementById("3").value;
            document.getElementById("3").value="";
        }
        function tenki_d(){
            document.getElementById("1").value=document.getElementById("4").value;
            document.getElementById("4").value="";
        }
    </script>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
    <link rel="stylesheet" href="kadai5_1.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="box box_a">
        <p>BOX A</p>
    </div>
    <div class="box box_b">
        <p>BOX B</p>
    </div>
    <div class="btn btn_a">
        <p>BOTTUN A</p>
    </div>
    <div class="btn btn_b">
        <p>BOTTUN B</p>
    </div>
</body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="CSS/style.css">
  <title>Document</title>
</head>
<body>
  <header>
    <div class="header-in">
      <div class="title">
        <img src="images/isaralogo.png" height="45" width="128">
        <p>バンコクのノマドエンジニア育成講座</p>
      </div>
      <div class="btn">
        <a href="#">お問い合わせ/資料請求はこちら</a>
      </div>
    </div>
  </header>
  <div class="container-top">
    <div class="img-1">
      <img src="https://isara.life/wp-content/themes/isara_v2/img/isaralogolarge.png" alt="iSara">
    </div>
    <div class="sub-title">
      <p>バンコクのノマドエンジニア育成講座
        <br>
        iSara[イサラ]
      </p>
    </div>
  </div>
</body>
</html>
anonymous No title
HTML
anonymous No title
HTML
<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初めてのLP</title>
    <meta name="description" content="デスクリプションです">
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style.css">

    <!-- jQueryのライブラリー本体を読み込む -->
    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
    <!-- 必ずjQuery本体を読み込んだ後にjQueryで書いたファイルを読み込む-->
    <script src="js/practice.js"></script>
</head>

<body>

    <header>
        <div class="container clear">
            <!-- before -->
            <div class="header-left">
                <h1 class="header-title">30DAYSトライアル</h1>
            </div>
            <div class="header-right">
                <ul class="header-nav clear">
                    <li class="header-nav-item"><a href="">デイトラとは</a></li>
                    <li class="header-nav-item"><a id="slidetoggle_button" href="#">コース一覧</a></li>
                    <ul id="slidetoggle_menu">
                        <li>メニュー</li>
                        <li>メニュー</li>
                        <li>メニュー</li>
                      </ul>
                      <script>

                        $(function(){
                    
                            $("#slidetoggle_button").on("click", function() {
                                $("#slidetoggle_menu").slideToggle(); 
                                $("#slidetoggle_menu").toggleClass("active"); 
                            });
                    
                        });
                    
                    </script>
                    <li class="header-nav-item"><a href="">お問い合わせ</a></li>
                </ul>
            </div>
            <!-- after -->
        </div>
    </header>

    <section class="top">
        <div class="container">
            <p class="top-title">
                1日1題30日で<br>
                プロのWebエンジニアになろう!
            </p>
            <p class="top-subtitle">
                毎日設定された課題をこなすだけ!<br>
                未経験から30日でプログラミングスキルをつけよう
            </p>
        </div>
    </section>

    <section class="about section">
        <div class="container clear">
            <h2 class="section-title">デイトラとは</h2>
            <div class="about-left">
                <!-- altには画像の説明を入れる -->
                <img src="./img/about.png" alt="デイトラとは">
            </div>
            <div class="about-right">
                <p>デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。
                    毎日設定された課題をこなしていくだけで、未経験から30日でプログラミングスキルが身につきます。
                    1日1題30日でプロのWebエンジニアを目指しましょう!</p>
            </div>
        </div>

    </section>

    <section class="course section">
        <div class="container">
            <h2 class="section-title">コース一覧</h2>
            <div class="course-wrapper">
                <div class="course-item">
                    <img src="./img/web_first.png" alt="デイトラ初級編">
                    <p>HTML / CSS / Bootstrap</p>
                </div>

                <div class="course-item">
                    <img src="./img/web_second.png" alt="デイトラ中級編">
                    <p>HTML / CSS / JavaScript / jQuery</p>
                </div>

                <div class="course-item">
                    <img src="./img/web_third.png" alt="デイトラ上級編">
                    <p>PHP / WordPress</p>
                </div>
            </div>
        </div>

    </section>

    <section class="contact section">
        <div class="container">
            <h2 class="section-title">お問い合わせ</h2>
            <p class="contact-message">さあ今日から30日間を始めよう!</p>
            <form action="#" method="post">
                <input type="email" name="email" id="email" placeholder="メールアドレス">
                <button type="submit" class="btn btn-register">無料で始める</button>
            </form>
        </div>

    </section>

    <footer>
        <div class="container clear">
            <p class="copyright">Copyright(C) 2020 東京フリーランス ALL Rights Reserved.</p>
        </div>
    </footer>
</body>

</html>
Don't you submit code?
Submit