// javascript
// STRETCH GOALS
// different sounds for different buttons
// when a certain group of number is sent, (ie, 911 - an alarm sounds)

"use strict"

let displayUserInput = document.getElementById("user-input")
let displayResult = document.getElementById("display-result")
let pagerWrapper = document.getElementById("pager-wrapper")

const resetBtn = document.getElementById("reset-btn")
const sendBtn = document.getElementById("send-btn")

const audio = new Audio('assets/pager.wav')

let output = ""

function pressKey(key) {  
    output += key
    displayUserInput.textContent = output         
}

sendBtn.addEventListener("click", function() {
    setTimeout(function(){
    displayResult.textContent = displayUserInput.textContent
    pagerWrapper.classList.add("vibrate-1")
    audio.play()  
    }, 1000) 
})

resetBtn.addEventListener("click", function() {
    displayResult.textContent = ""
    displayUserInput.textContent = ""
     pagerWrapper.classList.remove("vibrate-1")
})