mahuntington
/
timer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

disabling buttons

Browse Source
master
Matt Huntington 6 years ago
parent 164b372e7f
commit 1b47361a47
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File

4
app.js
Unescape View File

@ -24,10 +24,14 @@ const displayTime = () => {
document.querySelector('.btn-primary').addEventListener('click', (event) => { document.querySelector('.btn-primary').addEventListener('click', (event) => {
startTime=Date.now(); startTime=Date.now();
document.querySelector('.btn-primary').disabled=true;
document.querySelector('.btn-secondary').disabled=false;
windowInterval = window.setInterval(displayTime,1000) windowInterval = window.setInterval(displayTime,1000)
}) })
document.querySelector('.btn-secondary').addEventListener('click', (event) => { document.querySelector('.btn-secondary').addEventListener('click', (event) => {
document.querySelector('.btn-primary').disabled=false;
document.querySelector('.btn-secondary').disabled=true;
window.clearInterval(windowInterval) window.clearInterval(windowInterval)
}) })

2
index.html
Unescape View File

@ -12,7 +12,7 @@
<body> <body>
<main class="container-fluid"> <main class="container-fluid">
<button type="button" class="btn btn-primary">Start</button> <button type="button" class="btn btn-primary">Start</button>
<button type="button" class="btn btn-secondary">Stop</button> <button type="button" disabled class="btn btn-secondary">Stop</button>
<h1></h1> <h1></h1>
</main> </main>
<script src="app.js" charset="utf-8"></script> <script src="app.js" charset="utf-8"></script>

Write Preview
Loading…
Cancel
Save