Blog

Network change using MetamSk in HTML and JavaScript

In this article, we will explore how to implement the network switching functionality using the Metaml Metaml browser extension and JavaScript. We will create a simple example that demonstrates how to change between different blockchain networks (for example, Ethereum and Matic).

What is the change of network?

The network switching allows users to easily change between different blockchain networks, such as Ethereum or Matic, without having to update their wallet software. This feature is particularly useful for users who want to use multiple blockchain platforms on the same device.

Metamk configuration and a blockchain wallet

Before immersing ourselves to implement network change, you will need:

• An extension of the metamask browser installed on your device.

• A blockchain wallet (for example, Ethereum or Matic) that admits Metamask extensions.

Example code: Metamk network switching in HTML and Javascript

Here is a simple example of how to implement network change using Javascript and HTML:

`Html

network switching example

/ Add a basic style to our page /

body {

Font-Family: Arial, Sans-Serif;

}

Bep-20 in Ethereum

Matic on Matic (EIP-1559)

This example demonstrates how:

• Select the MetamSk wallet button.

• Listen to changes in Metamk's wallet (for example, when a new block chain is admitted).

• Update the text content of the elements '.network-bep20-token and' .network-mate-tokenbased on our selected block chain.

Note: This example assumes that it has an extension of MetamSk installed in its browser and is using Ethereum or Matic such as the destination block chain. You must update theblockchains' matrix and select the appropriate blockchains when creating the wallet.