mctaylors/NXInspired
mctaylors/NXInspired
1
1
Fork 0
Code Issues 1 Pull requests Activity

Refactor main.js

Browse source 
Signed-off-by: mctaylors <cantsendmails@mctaylors.ru>
This commit is contained in:
Macintxsh 2024-05-14 21:06:39 +05:00
parent c9eac6b561
commit 3709d6d6ad
Signed by: mctaylors
GPG key ID: 7181BEBE676903C1
3 changed files with 13 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
assets/js/main.js
View file

@ -1,28 +1,26 @@
const root = document.documentElement;
const dialogElement = document.getElementById('dialog');
const detailsElement = document.getElementById('details');
const dialogContentElement = document.getElementById('dialog-content');
const errorSoundElement = document.getElementById('error');
const clickSoundElement = document.getElementById('click');
window.onload = function() {
setTimeout(function () {
play("error");
errorSoundElement.play();
}, 1000)
}
const getStyleProperty = (s, p) => getComputedStyle(s).getPropertyValue(p);
function play(audioId) {
let audioElement = document.getElementById(audioId);
audioElement.play();
}
function close_button(href) {
play("click");
clickSoundElement.play();
window.location.href = href;
}
function details_button() {
play("click");
document.getElementById('dialog-content').style.opacity = '0';
let root = document.documentElement;
let dialogElement = document.getElementById('dialog');
let detailsElement = document.getElementById('details');
clickSoundElement.play();
dialogContentElement.style.opacity = '0';
dialogElement.animate([
{

2
samples/multiple-buttons.html
View file

@ -5,7 +5,6 @@
<title>NXInspired</title>
<link rel="icon" href="/assets/svg/nxinspired.svg"/>
<link rel="stylesheet" href="/assets/css/style.css"/>
<script type="text/javascript" src="/assets/js/main.js"></script>
<audio id="click" src="/assets/wav/click.wav"></audio>
<audio id="error" src="/assets/wav/error.wav"></audio>
</head>
@ -47,5 +46,6 @@
<span>OK</span>
</button>
</div>
<script type="text/javascript" src="/assets/js/main.js"></script>
</body>
</html>

2
samples/single-button.html
View file

@ -5,7 +5,6 @@
<title>NXInspired</title>
<link rel="icon" href="/assets/svg/nxinspired.svg"/>
<link rel="stylesheet" href="/assets/css/style.css"/>
<script type="text/javascript" src="/assets/js/main.js"></script>
<audio id="click" src="/assets/wav/click.wav"></audio>
<audio id="error" src="/assets/wav/error.wav"></audio>
</head>
@ -25,5 +24,6 @@
</button>
</div>
</div>
<script type="text/javascript" src="/assets/js/main.js"></script>
</body>
</html>