pnr.js

import { server } from './utils.js'

const getData = () => {
    const pnr = document.getElementById('pnr-no').value
    
    const pnr_json = {
        'pnr': pnr
    }
    
    const value = JSON.stringify(pnr_json)
    sendJsonData(value);
}

const sendJsonData = (data) => {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", `${server}/pnr`); 

    xhr.onload = function(event){ 
        const data = JSON.parse(xhr.response)
        console.log(data)

        if (xhr.status != 200) {
            displayErrorMessage(data.status)
        } else {
            console.log(xhr.response);
            localStorage.setItem('ticketConfirmation', xhr.response)
            window.location.href = 'ticket.html'
        }
    }; 
    
    var res = localStorage.getItem('response')
    var token = JSON.parse(res).token
    
    xhr.setRequestHeader('Content-Type', 'application/json')
    xhr.setRequestHeader('Authorization', token)
    xhr.send(data);
}

const displayErrorMessage = (message) => {

    if (document.getElementById('error-message')) { 
        const m = document.getElementById('error-message')
        m.parentNode.removeChild(m)
    } 
        const msg = document.createElement('p')
        msg.id = "error-message"
        msg.textContent = message
        msg.classList.add('shake')


    document.querySelector('.pnr-container').appendChild(msg)
}

const submit = document.getElementById('submit');
// console.log(submit)
submit.addEventListener('click', getData)