Paso 1: Compila el contrato en Remix
Paso 2: Copia el ABI en la linea 26
Paso 3: Copia el ABI en la linea 31 entre comillas simples
Paso 4: Copia el Bytecode en la linea 33
Paso 5: Levanta Ganache
Paso 6: Levanta el miniweb u otro servidor web y despliega este archivo ahí, en el caso de miniweb dentro de htdocs
Paso 7: Clic en el Boton "Deploy"
Paso 8: Clic en el Boton "Prueba Deploy" para que muestre el mensaje de la funcion displayMessage del contrato
Para mayor detalle, revisar los siguientes links que utilice como base para este ejemplo:
https://medium.com/@JusDev1988/part-1-compiling-smart-contracts-in-the-browser-with-solcjs-and-vanilla-javascript-2bb0d6d5be04
https://medium.com/@JusDev1988/part-2-deploying-smart-contracts-in-the-browser-with-web3js-and-vanilla-javascript-f85214113fec