0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【JavaScript×MathJax】一次方程式ランダム出題ツールを作ってみた📐

Posted at

はじめに

一次方程式のランダム出題ツールを作ってみました。
$ ax + b = cx + d $ の形の方程式を生成し、解答も表示します。

できたものは以下↓(htmlをクリックでコードも見れます)

See the Pen Untitled by ken1math (@8787kazuye) on CodePen.

(CSSやJavaScriptを分けてません。CodePenの使い方としてよくないかも。というか、これでも動くんですね)

こだわりポイント

解を小数ではなく分数にした

一般的な数学の授業に合わせて解を分数にしました。
整数の場合は整数、分数の場合は最大公約数を計算して既約分数にしています。

表示をきれいに

数式はMathJaxを使ってキレイに表示するようにしました。
また、出題部分については、0の場合に表示しなかったり$x$の前の1は省略したりしています。

問題が成り立つように生成

$a=c$ の場合に1次方程式として成り立たないので、$a=c$ とならないように生成しています。

途中計算の表示

解だけでなく途中計算も表示するようにしました。
また、解は四角で囲って目立たせています。

おわりに

このコードはChatGPTにかかせました。いい感じです。
たんに「一次方程式のランダム出題をつくって!」だけではこうはなりませんでした。作る側のこだわりや目的をうまく伝えるといいものができますね。

0
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?