폼개발로 배우는 else if, and, or 문법 질문입니닷

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

글쓴이

글
2021년 9월 15일 21:07 #15134

이지현
참가자

=========================================================

<!doctype html>
<html lang="en">
  <head>
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

    <link rel="stylesheet" href="main.css">

    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

    <title>Hello, world!</title>
  </head>
  <body>

    <div class="black-background">
        <div class="white-background">
            <p>로그인하세요</p>

            <form action="login.php">
              <div class="form-group">
                <input type="email" class="form-control" placeholder="Email" id="email">
              </div>
              <div class="form-group">
                <input type="password" class="form-control" placeholder="Password">
              </div>
              <button type="submit" class="btn btn-primary">전송</button>
            <button class="btn btn-danger" id="close" type="button">닫기
            </button>
          </form>
        </div>
    </div>

    <div class="nav-menu">
        <h4 style="margin: 0;">Shirts Studio</h4>
        <a id="nav-sub-button">Products</a>
    </div>
    <ul class="list-group nav-sub">
        <li class="list-group-item">Outer</li>
        <li class="list-group-item">Innerwear</li>
        <li class="list-group-item">Shirts</li>
      </ul>

    <div class="jumbotron main-background">
        <h1 class="display-4">Shirt Studio</h1>
        <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
        <hr class="my-4">
        <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
        <a id="login" class="btn btn-primary btn-lg" href="#" role="button">Log In</a>
    </div>


    <script>
      if (1===3){
        console.log('안녕')
      } else if (1==1){
        console.log('안녕2')
      } else {
        console.log('반가워')
      }

      if (2==2 || 2==3){

      }

        $('#login').on('click', function(){
            $('.black-background').fadeIn();
      });


        $('#nav-sub-button').click(function(){
            $('.nav-sub').slideToggle();
        })

        $('.btn-danger').click(function(){
          $('.black-background').fadeOut();
        })
    </script>

    

    

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>

    
    
  </body>
</html>

=================================================

이렇게 작성을 하고 전송버튼을 누르면

하얀 창에

Cannot GET /login.php

이 글자만 뜹니다 ㅠㅠ

제가 어떤 걸 잘못한걸까요...

2021년 9월 15일 22:08 #15139

codingapple
키 마스터

원래 폼 전송버튼 누르면 다른 페이지로 이동합니다

2021년 9월 18일 13:05 #15249

안병욱
참가자

action 에 #을 넣으면 그 문제는 해결 되는 것 같아요!!

2021년 9월 19일 18:26 #15288

이지현
참가자

감사합니다~!
글쓴이

글

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

답변은 로그인 후 가능합니다.

로그인

폼개발로 배우는 else if, and, or 문법 질문입니닷

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png