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

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

質問1件

ご存知のとおり、 PycharmIDLEjavaのいずれであっても、加算、減算、乗算、除算などの単純なアルゴリズムを計算できます。ただし、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 ストレージを使用して Exit を実行すると、サーバーへのファイルのアップロードが失敗する問題と解決策

1. 問題の説明Docker コンテナにインストールされているストレージが終了状態になっているため、...

docker ログ - docker コンテナ ログの実装を表示します

docker logs コマンドを使用してコンテナ ログを表示できます。コマンド形式: $ dock...

JavaScript 組み込みオブジェクトの概要

目次1. 組み込みオブジェクト2. 数学オブジェクト1. Mathオブジェクトの使用2. 指定された...

CSS における px、rem、em、vh、vw の違いを簡単に分析します

絶対長さピクセルpx はピクセル値であり、メートルやセンチメートルのような固定の長さです。相対的な長...

MySQL 5.7.17 zip パッケージ バージョンを Windows 10 にインストールするチュートリアル

mysql5.7.17のインストールチュートリアルを参考までに共有します。具体的な内容は次のとおりで...

Vue-CLI3.xはプロジェクトをサーバーに自動的にデプロイします

目次序文1. scp2をインストールする2. テスト/本番環境サーバーのSSHリモートログインアカウ...

Linux リモート管理と sshd サービス検証の知識ポイントの詳細な説明

1. SSHリモート管理SSH の定義SSH (Secure Shell) は、主にキャラクタ イン...

Webデザインチュートリアル(3):デザインの手順と考え方

<br />前のチュートリアル:Webデザインチュートリアル(2):模倣と盗作について。...

JavaScript はチェックボックスの選択機能を実装します

この記事の例では、すべてのチェックボックスの選択を実現するためのJavaScriptの具体的なコード...

MySQL無料インストール版を解凍した後にパスワードが見つからない問題を解決する方法

1. mysql-8.0.21-winx64を解凍する2. 環境変数を設定し、アドレスをbinフォル...

Reactフック入門チュートリアル

ステートフック例: 'react' から useState をインポートします。 関...

HTMLファイル内の中国語の文字化けとブラウザでの表示の問題

今日も私のページが文字化けしていたので、インターネットで関連する問題を検索しました。この方法はかなり...

Vueでドラッグ可能なコンポーネントを実装する方法

この記事では、Vueでドラッグ可能なコンポーネントとドラッグ可能なコンポーネントを実装する方法を参考...

MySQLが日付フィールドインデックスを使用しない理由の要約

目次背景探検する要約する背景テーブルでは、dataTime フィールドは varchar 型に設定さ...

Mysql 8.0 のインストールとパスワードのリセットの問題

Mysql 8.0 のインストールの問題とパスワードのリセット1: MySqlをダウンロードする公式...