첫 번째 웹 앱 만들기

자, 오늘 우리가 만들 것은 절대적으로 간단하지만, 생각만큼 간단하지 않습니다. 그래서 오늘의 프로젝트로 이동하는 것은 하나의 파일 프로젝트이고 파일 이름을 Car2go.html로 지정하겠습니다. 이 파일에서 모든 코딩을 수행하려면 먼저 파일 모양(css 제외)을 살펴봅니다.

좋아, 몇 가지 이름만 설명할 수 있도록 이 이름으로 카드를 만들거나 자동차를 판매할 수 있으므로 다음에는 자동차 이름을 입력해야 합니다. 그리고 마지막으로 우리 차에 대한 설명을 제공할 수 있습니다. 표시됩니다. 카드 모양과 스크롤 시 설명이 표시되는 방식은 다음과 같습니다.





코딩으로 👨🏻‍💻(중요: 모든 CSS를 추가해야 하는 NESSECRY만 표시하겠습니다.

코딩 타임 GO !!!!!!!!!

따라서 처음에는 버튼을 사용하여 이와 같은 세 가지 간단한 입력을 만듭니다.

 <input type="text" id="name" placeholder="name">
      <input type="text" id="car_name" placeholder="car name">
      <input type="text" id="description" placeholder="description">
      <button onclick="addn()">
        ADD
      </button>

그리고 여기에 Tarzan CSS가 있습니다.

Oh wait explaining this may take Time so,

TIME TO RELEASE ALL CODE

타잔 오! 덤바 덤바 도!

HTML

 <div id="add">
      <h2 id="h2">
        CA<span id="span">R2</span>GO
      </h2>
      <input type="text" id="name" placeholder="name">
      <input type="text" id="car_name" placeholder="car name">
      <input type="text" id="description" placeholder="description">
      <button onclick="addn()">
        ADD
      </button>
    </div>
    <div id="home">
    <div id="go">
      <h2 id="h2">
        CA<span id="span">R2</span>GO
      </h2>
    </div>
    <div id="main">
      <button onclick="add()">
        +
      </button>
      <p id="h2">
      <b>CA<span id="span">R2</span>GO</b> 
      </p>
    </div>
    <div id="cars">

    </div>
    </div>