<script src="URL">をJavascriptに移動させたい

現在、HTML内にScriptとして書き込んでいる処理をjsファイルに移動させようとしています。
そこで、<script src="URL">にて、Web上のファイル？を読み取る処理があるのですが、これはjsではどのように記述すれば良いのでしょうか？

HTML
1<script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js/dist/web3.min.js"></script>
2<script>
3
4    const web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:7545"));
5
6
7      window.addEventListener('load', function () {
8          if (typeof web3 !== 'undefined') {
9              startApp();
10          } else {
11              document.getElementById('warning').innerHTML = 'メタマスクをインストールして下さい'
12          }
13      })
14
15      function startApp() {
16          //ログインチェック
17          web3.eth.getAccounts(function (error, accounts) {
18              if (error) return;
19              const user_account = accounts[0];
20              if (typeof user_account !== 'undefined') {
21                  sendEther();
22              } else {
23                  document.getElementById('warning').innerHTML = 'メタマスクにログインして下さい'
24              }
25          });
26      }
27
28      function sendEther() {
29          const sendButton = document.getElementById('sendButton');
30          sendButton.addEventListener('click', function () {
31              web3.eth.sendTransaction({
32                  from: web3.eth.accounts[0],
33                  to: '0xee8d0f5b3ce42210ad154f4a45628db768b55012',
34                  value: web3.toWei(document.getElementById("amount").value, 'ether')
35              }, function (error, txHash) {
36                  if (!error) {
37                      document.getElementById('response').innerHTML = '送信完了: <a href="https://ropsten.etherscan.io/tx/' + txHash + '" target="_blank">Etherscan（ROPSTEN）でトランザクションを確認</a>'
38                  } else {
39                      document.getElementById('response').innerHTML = error;
40                  }
41              })
42          });
43      }
44
45  </script>

そのまま下のscriptの内容だけを移動させると、web3が定義されていないというエラーが出ます。

kyoya0819

2019/09/21 11:26

JavaScriptで送金やログイン処理するのはいただけない。 PHP等をご利用ください。

asasaas

2019/09/22 02:40

いただけないというのはどういう理由からでしょうか。とりあえず実際に利用するアプリケーション開発というよりは動かしたいという形です。

kyoya0819

2019/09/22 03:11

JavaScriptはユーザーサイドなので変数の中身をユーザー側で変更できる。＝なり済まし等が簡単。 PHPだったらサーバーサイドだからハッキングやアプリケーションのバグや不完全でない限り不正はできない。

asasaas

2019/09/22 03:17

研究での性能評価に用いるのでセキュリティについては考慮していません。 PHPについての知識はないのですが、実行はブラウザを利用することになるのですか？

maisumakun

2019/09/22 04:44

> asuchi0819さんへ本題とは関係ないのでサラリとコメントしますが、「秘密鍵をローカルに保持する」という条件でイーサリアムを使う場合、クライアントサイドでの処理がむしろ適切になります（サーバに秘密鍵を送らせるという危険を冒さずに処理を進められます）。

行動規範の内容に同意します

回答1件

ベストアンサー

どうやったのかわかりませんけど下記で良いはずです。
読み込み順番ではないかと。

html
1<script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js/dist/web3.min.js"></script>
2<script src="hoge.js"></script>

投稿2019/09/21 02:17

m.ts10806

総合スコア80875

asasaas

2019/09/21 02:23

HTMLファイルには該当のjsをscriptで読み読みしていないようでした。概要としては、ターミナルでPOSTして処理を行うjsファイルのようです。 HTMLファイル自体とは関係がないのかもしれません。他人が開発したソースコードなので理解が乏しくて申し訳ありません。具体的に、jsファイルでjsファイルを読み込む方法を知りたいです。

m.ts10806

2019/09/21 02:25

状況がよくわかりません。提示されたコードはHTMLに書かれたscriptタグです。

asasaas

2019/09/21 02:32

現在のHTMLのコードではブラウザで金額を指定し、送金ボタンを押して処理をするという内容になっているかと思います。今回はその処理を、ターミナルで他のAPIを実行した後に自動的に行うという処理に変更したいです。そのため、該当のscriptをAPIの処理が書かれたjsに移動させたいのですが、その方法がわからないといった状況です。

maisumakun

2019/09/21 03:43

web3.jsの読み込みを先にHTMLで行ったままでも希望の動作は行えるかと思いますが、あえてJavaScriptから行わないといけない理由はありますでしょうか？

maisumakun

2019/09/21 03:45

上のコメントの「ターミナル」は、ブラウザ内のコンソールでしょうか、それともブラウザとは無関係な話となるのでしょうか。

asasaas

2019/09/21 04:02

ブラウザとは無関係の話になります。

maisumakun

2019/09/21 04:47

では、もとになるJavaScriptは何で実行しますか？