Json to XML converter tool

 

body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { max-width: 800px; margin: 50px auto; padding: 20px; background-color: #f9f9f9; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } textarea { width: 100%; height: 200px; margin-bottom: 10px; padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 5px; } button { padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; } button:hover { background-color: #0056b3; } #xml-output { margin-top: 20px; padding: 10px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; white-space: pre-wrap; } function convertToXML() { const jsonInput = document.getElementById('json-input').value.trim(); if (!jsonInput) { alert('Please enter some JSON to convert to XML.'); return; } try { const jsonObj = JSON.parse(jsonInput); const xmlOutput = jsonToXml(jsonObj); document.getElementById('xml-output').textContent = xmlOutput; } catch (error) { alert('Invalid JSON format! Please check your input.'); } } function jsonToXml(json) { let xml = ''; for (const key in json) { if (json.hasOwnProperty(key)) { const value = json[key]; if (Array.isArray(value)) { value.forEach((item) => { xml += `<${key}>${jsonToXml(item)}`; }); } else if (typeof value === 'object') { xml += `<${key}>${jsonToXml(value)}`; } else { xml += `<${key}>${value}`; } } } return xml; }