JavaScript を使用して簡単なアルゴリズムを実行する方法

JavaScript を使用して簡単なアルゴリズムを実行する方法

質問1件

ご存知のとおり、 Pycharm 、 IDLE 、 javaのいずれであっても、加算、減算、乗算、除算などの単純なアルゴリズムを計算できます。ただし、Hbuilder では、JavaScript を使用して数値の加算、減算、乗算、除算を計算することもできます。

たとえば、次のように計算します。y =5 と仮定し、x=y+2 を計算し、結果を表示します。

2つの方法

まず、 <p></p>タグを使用してアルゴリズムの質問のタイトルを記述します。次に、 <button></button>タグを使用してイベントを作成し、タグ内の onclick の後の名前に () を追加する必要があります。次に、 <p id=></p>を記述して p タグに id を追加し、回答を表示します。後続のコマンドは id によって識別されます。最後に、 <script></script>内に変数を作成し、var を使用して変数を作成します。

3 実験結果と考察

実験と実践を通じて、提案された方法が有効であり、最初に提起された問題を解決できることが証明されました。

<!DOCTYPE html>

<html>

< ヘッド >

< メタ文字セット = "UTF-8" >

< タイトル ></ タイトル >

</ ヘッド >

< 本文 >

< p >y=5と仮定し、x=y+2を計算し、結果を表示します。 </p>

< button onclick = " showAnswer () " > ここをクリック </ button >

< p id = "デモ2" ></ p >

< スクリプトタイプ = "text/javascript" >

変数 y = 5 ;

var x = y + 2 ;

関数 showAnswer(){

ドキュメント .getElementById( "demo2" ).innerHTML = "x=" + x

}

</スクリプト>

</本文>

</html
>

結論：

また、getElementById() コマンドでは、括弧内に前の ID の名前を追加するときに引用符を追加する必要があり、そうしないと ID として認識されないことにも注意する必要があります。

これで、JavaScript を使用して簡単なアルゴリズムを実行する方法に関するこの記事は終了です。JavaScript を使用して簡単なアルゴリズムを実行する方法に関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • JS を使用してバイナリ ツリー トラバーサル アルゴリズムのサンプル コードを実装する
  • JavaScript を使用してソートアルゴリズムを実装する方法
  • Matlab による JavaScript プログラミング、重心アルゴリズムによる位置決め学習
  • JavaScript 初心者のための二分探索木アルゴリズムのチュートリアル
  • JavaScript で実装された 7 つのソート アルゴリズムの概要 (推奨!)
  • JavaScript でツリー構造を構築するための効率的なアルゴリズムについての簡単な説明
  • JavaScript でアルゴリズムの複雑さを学ぶ方法
  • jsは赤い封筒の順序と量を指定するアルゴリズムを実装します

<<:  クリーンなコードのための Web デザインの 12 の法則 [グラフィック]

>>:  クールな充電アニメーションを実現する純粋なCSS

推薦する

Docker+keepalived+nginx を使用してマスタースレーブホットスタンバイを実装する方法の例

序文単一障害点を解決するには、マスター/スレーブ ホット スタンバイ ソリューションを構成する必要が...

Apache Tika を使用してファイルが破損しているかどうかを検出する方法

Apache Tika は、さまざまな形式のファイルからファイル タイプを検出し、コンテンツを抽出す...

Windows 10 でカスタムドメイン名をバインドするように Hexo と GitHub を構成する方法

Hexo は Windows 10 でカスタムドメイン名を GitHub にバインドしますまずドメイ...

ウェブページのフッターで注意すべきことのまとめ

たくさんのリンクおそらく、このようなサイトをたくさん見たことがあるでしょう。ページの下部に 50 個...

プロフェッショナルなMySQL開発設計仕様とSQL記述仕様

チーム開発のプロセスでは、プロジェクトの安定性、コードの効率性、管理の利便性のために、内部開発および...

Nginx サーバーで URL リンクを設定する方法

LNMPのようなアーキテクチャを持つウェブサイトは、一般的にPHPフレームワークに基づいて開発されて...

Dockerイメージ解析ツールのダイブ原理解析

今日は、Docker イメージ、各レイヤーの内容を調べ、Docker/OCI イメージのサイズを縮小...

CSS を使用して ul と li の水平配置を実現する 2 つの方法

li はブロックレベル要素であり、デフォルトで 1 行を占めるため、水平方向の配置を実現する場合は、...

Windows 10 システムで nginx ファイル サーバーを構成するためのグラフィック チュートリアル

Nginx の公式 Web サイトから Windows バージョンの Nginx をダウンロードしま...

Linux での Firewalld の高度な設定の使用に関する詳細な説明

IPマスカレードとポート転送Firewalldは2種類のネットワークアドレス変換をサポートしています...

Mybatis mysqlの削除操作では、最初のデータメソッドのみを削除できます。

バグ図のように、削除文とパラメータをデータベースにコピーして実行し、2つのデータを削除しようとしたの...

MySQLデータベースに中国語の文字を保存するときに発生するエラーを解決する方法を教えます

目次1. 遭遇した問題2. 問題を分析する3. 本当の問題4. 解決策5. ソリューション効果1. ...

JavaScript の手ぶれ補正とスロットリングの詳細な説明

目次デバウンススロットル要約するデバウンス定義: スクロール イベントなど、短時間に連続してトリガー...

Docker Composeオーケストレーションツールの詳細な説明

Docker の作成Docker Compose は、複数の Docker コンテナを定義して実行す...

CSS BEM 記述標準の詳細な説明

BEM は、Web 開発に対するコンポーネントベースのアプローチです。ユーザー インターフェイスを独...