Clarified instructions for local node info (issue 01-edu#2411)

Xalava · Feb 16, 2024 · 42e4530 · 42e4530
1 parent 4730031
commit 42e4530
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/subjects/blockchain/local-node-info/README.md b/subjects/blockchain/local-node-info/README.md
@@ -1,31 +1,35 @@
-## Local Node Info
+# Local Node Info
 
-To start, we will create a simple page that displays basic information from our local node.
+To get started, we will create a simple web page that displays basic information from our local node.
 
 ### Instructions
 
-Create a web page, `localNodeInfo.html` that loads an ethereum library, connects to a local node at `http://localhost:8545` and displays basic information :
+Create a web page called `localNodeInfo.html` that does the following:
 
-- In an element with (`id`=`chainId`), the number ID of the current network
-- In an element with `blockNumber` as `id` the number of blocks in the chain
+1. Loads an Ethereum library, such as `ethers.js` or `web3.js`.
+2. Connects to a local Ethereum node at `http://localhost:8545`.
+3. Displays the following information on the page:
+  - The ID of the current network in an element with `chainId` as `id`.
+  - The number of blocks in the chain in an element with `blockNumber` as `id`.
 
-![image](networkInfo.png)
+
+![image](network-infos.png)
 
 ### Hint
 
-You can use any library such as `ethers.js` or `web3.js` to connect to your local node.
+🚫 Please be aware that the test environment restricts internet access for security reasons. Therefore, you need to download the library  and import it locally. 
 
-Automated tests check for elements with specific IDs, the design is up to you.
+🎨 Automated tests only check for the content of elements with specific IDs; the rest of the design is up to you.
 
-Minimal structure:
+🎁 Here is a minimal example structure for the HTML file:
 
 ```HTML
 <!DOCTYPE html>
 <body>
   <span id="chainId"></span>
   <span id="blockNumber"></span>
 
-  <script src="XXX"></script>
+  <script src="./XXX"></script>
   <script type="module">
     // Your code
   </script>
@@ -34,6 +38,5 @@ Minimal structure:
 ```
 
 ### Notions
-
 - [ethers Provider transaction-methods](https://docs.ethers.io/v5/api/providers/provider/#Provider--network-methods)
-- [web3](https://web3js.readthedocs.io/en/v1.3.4/web3-eth.html)
+- [web3 providers](https://docs.web3js.org/guides/web3_providers_guide/)
diff --git a/subjects/blockchain/local-node-info/network-infos.png b/subjects/blockchain/local-node-info/network-infos.png
diff --git a/subjects/blockchain/local-node-info/networkInfo.png b/subjects/blockchain/local-node-info/networkInfo.png