javascript - WeChat アプレットの js フロントエンドでの入力位置の問題

Question

1. 入力された数字に基づいて要件 (数独のルール) を満たしているかどうかを判断する、数独ゲームの WeChat アプレットを作成しましたが、入力された数字の位置をどのように見つけるかという問題に遭遇しました。ユーザーが入力した数値に基づく必要があるため、位置は対応するスクリプト ファイルに渡され、ルールが満たされているかどうかが判断されますが、私は js にあまり熟練していないため、位置の問題を解決できません。

1. <クラス="ページ本体" の表示>

   リーリー

   </view>

ここで、numbers はスクリプト ファイル内の配列であり、スタイルは 2 つのループを使用して実装されます。
各数値がゼロであるかどうかを判断します (最初に手動で作成した配列、0 はユーザー入力を表します)。ゼロの場合、ここには文字 (文字列) は表示されません。

フロントエンドの表示コードと表示効果は次のとおりです。空白スペースはユーザーが数字を入力するために使用されますが、その場所を見つける方法がわかりません。ユーザーが数字を入力しました。誰かが私を導いてくれるといいのですが。

Answer 1

参考のために、私のアイデアについて話しましょう:
それぞれの小さな正方形は、x 行の y 番目の正方形を表す、x 属性と y 属性を持つオブジェクトであり、外部のサイズによって計算されます。 p ボックス グリッドのサイズを使用して、各小さな正方形の面積を知ることができます。ユーザーがクリックすると、クリック点の座標が取得され、どの小さな正方形に該当するかが計算されます。
一言で言えば、数学的な計算問題です

Answer 2

アイデア:
各正方形には data-x='??' および data-y='??' 属性があり、ユーザーがクリックすると、その後の計算と判断を実行できます。

Answer 3

WeChat アプレット内のイベント オブジェクトが処理され、入力の value 属性が含まれます。
WeChat ミニ プログラム - イベント

私の考えを詳しく説明します:
WeChat アプレットのイベントは、要素によって設定された追加のデータを保存できます。たとえば、dom に data-x 属性を記述すると、event.target.dataset.x を使用できます。それを取り出すために。
inputの値などフォーム要素の場合はevent.detail.valueに格納されます。
入力用のイベントをリッスンしてから、data-x と data-y の属性を要素に書き込むことができます。属性の値は数値と行の添字 (つまり、インデックスです。混乱を避けるために、 use wx:for-index "XXX" は 2 つの添字エイリアスを与えます)、添字値を通じてユーザーのクリック位置を決定し、配列の対応する位置に格納します。

リーリー