クリプトゾンビLesson 6 capture6 ゾンビ軍団の表示

Lesson 6 capture6 ゾンビ軍団の表示

ゾンビデータの表示

<div id="txStatus"></div>
    <div id="zombies"></div>

    <script>
      var cryptoZombies;
      var userAccount;

      function startApp() {
        var cryptoZombiesAddress = "YOUR_CONTRACT_ADDRESS";
        cryptoZombies = new web3js.eth.Contract(cryptoZombiesABI, cryptoZombiesAddress);

        var accountInterval = setInterval(function() {
          // Check if account has changed
          if (web3.eth.accounts[0] !== userAccount) {
            userAccount = web3.eth.accounts[0];
            // Call a function to update the UI with the new account
            getZombiesByOwner(userAccount)
            .then(displayZombies);
          }
        }, 100);
      }

      function displayZombies(ids) {
        $("#zombies").empty();
        for (id of ids) {
          // Look up zombie details from our contract. Returns a `zombie` object
          getZombieDetails(id)
          .then(function(zombie) {
            // Using ES6's "template literals" to inject variables into the HTML.
            // Append each one to our #zombies div
            $("#zombies").append(`<div class="zombie">
              <ul>
                <li>Name: ${zombie.name}</li>
                <li>DNA: ${zombie.dna}</li>
                <li>Level: ${zombie.level}</li>
                <li>Wins: ${zombie.winCount}</li>
                <li>Losses: ${zombie.lossCount}</li>
                <li>Ready Time: ${zombie.readyTime}</li>
              </ul>
            </div>`);
          });
        }
      }</div>
prev

			

				

					

																												
					

						
クリプトゾンビLesson 6 capture5 Metamaskとアカウント
													

								
Lesson 6 capture5 Metamaskとアカウント Metamaskでユーザーのアカウントを取得する MetaMaskの拡張機能内で、ユーザーは複数アカウントの管理が可能 次のように、ど ... 
							
												
続きを見る
					
				
			
			

NEXT

			

				

					

																												
					

						
クリプトゾンビLesson 6 capture7 トランザクションの送信
													

								
Lesson 6 capture7 トランザクションの送信 前回までの操作でUIはユーザーのMetamaskアカウントを検出して、自動でホームページ上にゾンビ軍団を表示するようになった。 スマートコン ... 
							
												
続きを見る