<!doctype html> <html> <head> <title>Compressor</title> <style> button { width: 100%; padding: 10px; text-align: center; } textarea { width: 100%; height: 300px; } </style> </head> <body> <button type='button'>Convert</button> <textarea></textarea> <script src="jquery-3.5.1.min.js"></script> <script> $('button').on('click', function() { var ta = $('textarea'), data = $(ta.val()), str = ['<trk><name>']; str[0] += data.find('name').text() + '</name>'; str.push(' <trkseg>'); $.each(data.find('trkpt'), function() { str.push(' <trkpt lat="' + ($(this).attr('lat') * 1).toFixed(5) + '" lon="' + ($(this).attr('lon') * 1).toFixed(5) + '"></trkpt>'); }); str.push(' </trkseg>'); str.push('</trk>'); ta.val(str.join("\n")); }); </script> </body> </html> |