web3.jsでブラウザから送金を行うコントラクトにアクセスしたい

Question

web3.jsでブラウザからコントラクトにアクセスする[Ganache]
こちらの方法で、ブラウザを開くとコントラクトの関数を呼び出すことはできました。

しかし、トランザクション呼び出し部分のjsのコードが理解できず、どう検索すれば良いのかも分かりません。

pragma solidity ^0.4.23;
 
contract sample {
    
 string public name = "taro";
 
 function set(string _name) public {
    name = _name;
 }
 
 function get() constant public returns (string) {
   return name;
 }
 
}

	//コントラクトのインスタンスを生成
	const contract = web3.eth.contract(abi).at(address);

	//トランザクションの実行（コントラクトのset関数を実行）
	let response = contract.set.sendTransaction("hanako",{from:coinbase,gas:3000000});
	console.log("response:",response); //responseにはトランザクションのハッシュ値が返ってくる

	//コントラクトのget関数を実行
	let name = contract.get.call();
	console.log("name:",name); //hanako

実現したいこと

ブラウザを開くと事前にプログラムが指定した金額をコントラクトに送金する。
コントラクトが送金を確認すると、データをブロックチェーン上に書き込む。

知識が無く情報が曖昧なのですが、何か取っ掛かりになることがあれば教えてください。

Answer 1

こちらのブログが分かりやすいと思います。
サンプルコードも載せておられるようなので参考になるかもしれません。
https://noumenon-th.net/programming/2018/05/28/web3js01/