From 9d92dfd145b9a8197c9d5f21975e3265ef751e81 Mon Sep 17 00:00:00 2001 From: Sergey Elpashev Date: Fri, 10 May 2024 19:49:21 +0300 Subject: [PATCH] Example theme change --- web/index.html | 2 ++ web/js/demo-js-interop.js | 15 +++++++++++++++ 2 files changed, 17 insertions(+) diff --git a/web/index.html b/web/index.html index 729b001..74caa6e 100644 --- a/web/index.html +++ b/web/index.html @@ -42,6 +42,8 @@ + +
diff --git a/web/js/demo-js-interop.js b/web/js/demo-js-interop.js index 921c3bd..1042d13 100644 --- a/web/js/demo-js-interop.js +++ b/web/js/demo-js-interop.js @@ -11,6 +11,21 @@ btn.addEventListener('click', function() { appState.onTokenReceived('token123'); }) + + let colorChangeBtnRed = document.getElementById('colorChangeBtnRed'); + colorChangeBtnRed.addEventListener('click', function() { + var hexColor = '#FF0000'.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i + , (m, r, g, b) => '#ff' + r + r + g + g + b + b).substring(1); + var numColor = parseInt(hexColor, 16); + appState.changeColor(numColor) + }) + let colorChangeBtnBlue = document.getElementById('colorChangeBtnBlue'); + colorChangeBtnBlue.addEventListener('click', function() { + var hexColor = '#0000FF'.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i + , (m, r, g, b) => '#ff' + r + r + g + g + b + b).substring(1); + var numColor = parseInt(hexColor, 16); + appState.changeColor(numColor) + }) } }()); \ No newline at end of file