マウスを使用してユーザーが操作できる2つの状態のチェックボックスを作成するプログラムを作成します。
具体的には、プログラムは次のすべてを達成する必要があります。
チェックボックスのクリック可能な領域である画面の8×8ピクセル(または必要に応じてそれより大きい)領域を用意します。以降、この領域は単にチェックボックスと呼ばれます。
チェックボックス内でマウスカーソルを移動し、default *マウスボタンを押すと、チェックボックスの状態が切り替わります。
チェック済みがオフになります。未チェックはチェック済みになります。チェックボックスは、切り替えられたときに移動しないでください。
チェック状態では、チェックボックスは任意の色にできます。
チェックされていない状態では、少なくとも16ピクセルがチェックされた状態と視覚的に区別できる限り、チェックボックスは任意の色にできます。
単一のプログラムインスタンスでは、すべてのチェック状態は視覚的に互いに同一であり、すべての非チェック状態は視覚的に互いに同一である必要があります。
ユーザーが必要なだけチェックボックスをクリックできるように、明示的に終了するまで(たとえば、終了ボタンまたはAlt + F4を使用して)プログラムを終了しないでください。
*デフォルトのマウスボタンは常に左クリックであると想定することもできますが、マウスソフトウェアまたはOSで定義されているデフォルトを使用しても問題ありません。
ノート
チェックボックス領域の外にあるものは重要ではありません。それはただのデスクトップかもしれません。トグルごとに変化するコンソールの一部である可能性があります。
チェックボックスの開始状態は関係ありません。
チェックボックス領域は、8×8ピクセル以上の任意のサイズを使用できます。正方形である必要はありません。
コンソールのフォントサイズ、ブラウザーのズーム、モニターの解像度など、制御できない設定を少し許可することができます。プログラムが妥当なテスト設定で動作する限り、有効であるはずです。
プログラムがウィンドウを開く場合、必要に応じて画面上の適切な場所(左上隅など)にドラッグされたと想定できます。
チェックボックスは、デフォルトのマウスボタンを使用して切り替え可能でなければなりません。マウスの動きを除いて、他の入力形式(マウスの右ボタンなど)でトグルしても問題ありません。すなわち、マウスがチェックボックス内で単に移動された場合、状態は変更されません。
アクションのチェックボックスのスクリーンショットを強くお勧めします!
得点
バイト単位の最短コードが優先されます。
例
23バイトの標準的なHTMLの例。
<input type="checkbox">
Google Chromeでは、これにより12×12ピクセルのチェックボックスが作成され、チェック状態と未チェック状態の間で約30ピクセルが明確に変化します。
ブラウザのズームが100%であることを考慮します。