우유남을 자바스크립트의class로 묘사해 보세요.

6393 단어 JavaScript
제목이 정해지면 바로 쉽게 할 수 있는 우유남 만담.
자신의 지식을 공고히 하기 위해 자바스크립트의class 기술로 써 보았습니다.
옥수수 조각과 찹쌀 파이의 진동 부분만 기술한다.
옳다면 진짜로 써라.
milkboy.html
 <body>
    <div id="container">
      <p class="cornflakes true">
        あのー甘くてカリカリしてて　で　牛乳とかかけて食べるやつやって言うねんな
      </p>
      <p class="cornflakes">
        オカンが言うには　死ぬ前の最後のご飯もそれで良いって言うねんな
      </p>
      <p class="cornflakes true">
        なんであんなに栄養バランスの五角形デカイんか分からんらしいねん
      </p>
      <p class="cornflakes">
        オカンが言うには　晩ご飯で出てきても全然良いって言うねんな
      </p>

      <p class="monaka">スーパーで子どもがそれ欲しくて泣いてた言うねんな</p>
      <p class="monaka true">食べたら、皮がぜんぶ上あごにひっつくらしいねん</p>
      <p class="monaka">
        オカンが言うにはな、1個食べ出したら止まらへんって言うねん
      </p>
      <p class="monaka true">皮の模様がなんか怖いらしい</p>
    </div>
    <script src="milkboy.js"></script>
  </body>
css로 취득한 반과 일본어 이름을 매개 변수로 합니다
forEach로 하나하나 나누어 그 텍스트 부분을 출력합니다.
이 텍스트에 진짜 클래스가 포함되어 있는지 여부에 따라 처리를 변경합니다.
milkboy.js
class mother_forget {
  constructor(keyword, kana) {
    this.kana = kana;
    this.furis = document.querySelectorAll(keyword);
  }
//掛け合い処理
  kakeai() {
    this.furis.forEach((furi) => {
      console.log(furi.innerText);
      if (furi.classList.contains("true")) {
        console.log(this.kana + "やないかい");
      } else {
        console.log("ほな" + this.kana + "ちゃうやないかい");
      }
    });
  }
}

const milkboy1 = new mother_forget('.cornflakes', 'コーンフレーク')
milkboy1.kakeai();

const milkboy2 = new mother_forget('.monaka', '最中')
milkboy2.kakeai();
결과 내보내기
확실히 다 했어.

FUJIWARA의 후지 짐승의...
'얼굴에서 지원'함수라면 좀 더 간결할 수 있다.무의미하다.
인스타그램 API 사용
네 가지 스타일을 가운데로 수직 정렬

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage