diff --git a/electron/index.html b/electron/index.html
index 1c707e62..8d359519 100644
--- a/electron/index.html
+++ b/electron/index.html
@@ -1,7 +1,10 @@
+
+
+
Hello World!
@@ -11,5 +14,8 @@
We are using Node.js ,
Chromium ,
and Electron .
+
+
+
diff --git a/electron/preload.js b/electron/preload.js
new file mode 100644
index 00000000..601ef65b
--- /dev/null
+++ b/electron/preload.js
@@ -0,0 +1,14 @@
+// preload.js
+
+// All of the Node.js APIs are available in the preload process.
+// It has the same sandbox as a Chrome extension.
+window.addEventListener('DOMContentLoaded', () => {
+ const replaceText = (selector, text) => {
+ const element = document.getElementById(selector)
+ if (element) element.innerText = text
+ }
+
+ for (const dependency of ['chrome', 'node', 'electron']) {
+ replaceText(`${dependency}-version`, process.versions[dependency])
+ }
+})