Nkzn/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <!-- All of the Node.js APIs are available in this renderer process. -->
    We are using Node.js <script>document.write(process.versions.node)</script>,
    Chromium <script>document.write(process.versions.chrome)</script>,
    and Electron <script>document.write(process.versions.electron)</script>.

    <div>
      <button id="hoge">click me!</button>
    </div>

    <script>
      // You can also require other files to run in this process
      require('./renderer.js')
    </script>
  </body>
</html>

## renderer.js
const fs = require('fs'); // 標準ライブラリのファイル操作モジュールを呼び出す

// HTMLで定義したボタンをJS側に持ってくる
const hogeButton = document.getElementById("hoge");

hogeButton.onclick = function() {
    // ファイル一覧を表示する
    fs.readdir('.', function(err, files) {
        console.log(files);
    });
};
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello World!</title>
	</head>
	<body>
	<h1>Hello World!</h1>
	<!-- All of the Node.js APIs are available in this renderer process. -->
	We are using Node.js <script>document.write(process.versions.node)</script>,
	Chromium <script>document.write(process.versions.chrome)</script>,
	and Electron <script>document.write(process.versions.electron)</script>.

	<div>
	<button id="hoge">click me!</button>
	</div>

	<script>
	// You can also require other files to run in this process
	require('./renderer.js')
	</script>
	</body>
	</html>
	const fs = require('fs'); // 標準ライブラリのファイル操作モジュールを呼び出す

	// HTMLで定義したボタンをJS側に持ってくる
	const hogeButton = document.getElementById("hoge");

	hogeButton.onclick = function() {
	// ファイル一覧を表示する
	fs.readdir('.', function(err, files) {
	console.log(files);
	});
	};