Народ, кто поможет поправить скрипт?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Просмотр HTML кода</title>
<style>
html, body { margin: 0; padding: 20px; font-family: Arial, sans-serif; font-size: 16px; }
input { border: 1px solid #008000; }
button { display: inline-block; min-width: 100px; margin: 5px; padding: 8px; }
textarea { width: 500px; height: 200px; border: 1px solid #008000; }
#top { height: 120px; }
#bottom { height: 100%; margin-top: 10px; padding-top: 10px; }
</style>
</head>
<html>9
<body>
<div id="top">
Введите URL:<br/>
<input type="url" id="url" placeholder="http:// или https://"><br/>
<input type="text" id="data"><br/>
<button id="get">GET</button> <button id="post">POST</button>
</div>
<div id="bottom">
<textarea id="output"></textarea><br/>
<input type="button" value="Скрыть">
</div>
<script>
var cors_api_url = 'https://cors-anywhere.herokuapp.com/';
function doCORSRequest(options, printResult) {
var x = new XMLHttpRequest();
x.open(options.method, cors_api_url + options.url);
x.onload = x.onerror = function() {
printResult(
options.method + ' ' + options.url + 'n' +
x.status + ' ' + x.statusText + 'nn' +
(x.responseText || '')
);
};
if (/^POST/i.test(options.method)) {
x.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
}
x.send(options.data);
}
// Bind event
(function() {
var urlField = document.getElementById('url');
var dataField = document.getElementById('data');
var outputField = document.getElementById('output');
document.getElementById('get').onclick =
document.getElementById('post').onclick = function(e) {
e.preventDefault();
doCORSRequest({
method: this.id === 'post' ? 'POST' : 'GET',
url: urlField.value,
data: dataField.value
}, function printResult(result) {
outputField.value = result;
});
};
})();
if (typeof console === 'object') {
console.log('// To test a local CORS Anywhere server, set cors_api_url. For example:');
console.log('cors_api_url = "http://localhost:8080/"');
}
</script>
</body>
</html>
Я просто не могу понять, причём тут поле для даты и эти post get, как их убрать и заменить на кнопку submit? И как сделать чтобы див с техтареа был скрыт появлялся только после нажатия на submit, а после нажатия на button очищались поля и див с техтареа скрывался?