整理する

1.シーケンス図を描く

プログラミングでは,コードを記述する前に正しいシーケンス図を作成することが最も重要である.もちろん,フローチャートを一度に完全に完成させることはできず,符号化しながら継続的に修正する必要がある.しかし、以下の原則に従えば、フローチャートを設計する際に、修正回数とフロー全体の数を最小限に抑えて符号化速度を向上させることができる.

フローチャート作成の原則

1.プログラムステップの個数は決めておく。

各ステップは同じ内容でなければなりません。

3.すべての可能性を考えなければならない。

4.プロセスの検証に使用する例。

フローチャートを作成するときは、ユーザーイベント(ボタンをクリックしたり、入力ウィンドウに文字を入力したりするなど)が必要な場所でフローチャートを中断することを忘れないでください.

2.オフセットダイアログ

Webブラウザでは、ダイアログボックスを次の3つのタイプで表示できます.

prompt

promptダイアログボックスでは、ユーザーが入力したメッセージが文字列で渡され、入力されず、「キャンセル」を押すとnullが渡されます.

alert

これは、呼び出し時に「OK」をクリックする前に、次のスクリプトが実行を停止する簡単な通知ウィンドウです.調整に使用するロッドはconsole.logを使用する必要があります.

confirm

ユーザーに確認するために使用します.ユーザは「OK」を押してtrueを送信し、ユーザは「キャンセル」を押してfalseを送信する.

<script>
  prompt('사용자에게 표시할 메시지');
  alert('사용자에게 표시할 메시지');
  confirm('사용자에게 표시할 메시지');
</script>

3.HTMLタグの選択

document.querySelector('선택자');は1つのラベルしか選択できません.document.querySelectorAll('선택자');は複数のラベルを選択できます.

<script>
  document.querySelector('선택자');
  document.querySelectorAll('선택자');
</script>

単純タグの場合はタグの名前としてタグを選択し、id属性の場合は「#」、class属性の場合は「」を選択します.を選択します.子孫ラベルを選択する場合は、選択者間にスペースを追加できます.

<script>
  document.querySelector('#id선택자');
  document.querySelectorAll('.class선택자');
  document.querySelector('선택자 #선택자 .선택자 선택자');
</script>

4.タグにイベントを追加

タグを選択すると、addEventListenerメソッドを使用してイベントを接続できます.1番目のパラメータはイベント名、2番目のパラメータはリスナー関数/コールバック関数です.リスナー関数は、イベントが発生したときに実行される関数です.

<script>
  태그.addEventListener('이벤트 이름', 리스너 함수);
</script>

リスナー関数のパラメータとして、イベントに関連する情報を取得するためにeventオブジェクトを提供することができる.つまり、inputタグに入力された値を得るには、event.target.valueを入れるだけでよい.ここでevent.targetとは、イベントが発生したオブジェクトタグを指す.

const 리스너함수 = (event) => {
  console.log(event.target.value);
};

入力ウィンドウ(input、select、textarea等)に入力された値は、value属性としてインポートすることができる.つまり、valueに値を代入すると、入力ウィンドウが代入値に変更されます.

입력창.value			// 입력창의 값을 가져옴
입력창.value = 값		// 입력창에 값을 넣음

非入力ウィンドウの通常ラベルの内部値を取得する場合は、textContentプロパティを使用します.

태그.textContent			// 태그 내부의 문자를 가져옴
태그.textContent = 값		// 태그 내부의 문자를 해당 값으로 설정함

入力ウィンドウまたはボタンについて、focusメソッドを呼び出すと、マークが強調表示されます.

입력창.focus()			// 입력창을 하이라이트

5.最適化順序図

判断過程で生成された繰返し順序図はANDとORを用いて消去と最適化を行うことができる.