×
const dispType = document.getElementById('dispType');
const input = document.getElementById('input');
const radBtn = document.getElementById('radBtn');
const degBtn = document.getElementById('degBtn');
const typeChng = document.getElementById('typeChng');
const enterBtn = document.getElementById('enterBtn');
const clearBtn = document.getElementById('clear-btn');
const hide = document.getElementById('hide');
const result = document.getElementById('result');
const formula = document.getElementById('formula')

let state = 'degrees';

radBtn.addEventListener('click', () => {
    state = 'radians';
    dispType.textContent = 'Rad - Deg'
    radBtn.classList.add('active');
    degBtn.classList.remove('active');
});

degBtn.addEventListener('click', () => {
    dispType.textContent = 'Deg - Rad'
    state = 'degrees';
    degBtn.classList.add('active');
    radBtn.classList.remove('active');
})

enterBtn.addEventListener('click', () => {
    if(input.value === '') {
        result.textContent = "Please enter a value";
    }else if(state === 'degrees') {
        let deg = input.value
        toRad = ((deg * Math.PI) / 180).toFixed(3);
        formula.textContent = `Formula: ${deg}° x π/180 = ${toRad}rad`;
        hide.classList.remove('hide');
    }else if (state === 'radians') {
        let rad = input.value
        toDeg = ((rad * 180) / Math.PI).toFixed(3)
        formula.textContent = `Formula: ${rad}rad x 180/π = ${toDeg}°`;
        hide.classList.remove('hide');
    }
});

clearBtn.addEventListener('click', () => {
    input.value = null;
    dispType.textContent = '';
    hide.classList.add('hide');
});