oha-yashi/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
            ろ〜かるほすとてすと
        </title>
    </head>
    <body>
        <h1>welcome to <span id="titlespace"></span></h1>

        <button id="getohabutton">get oha.txt</button>

        <p>上のボタンを押すと下に<code>oha.txt</code>の内容がでる</p>
        <p id="status"></p>
        <p id="result"></p>
        <pre id="ohaspace"></pre>

        <script src="main.js"></script>
    </body>
</html>

## main.js
const titlespace = document.getElementById("titlespace");
titlespace.textContent = document.title;

const getohabutton = document.getElementById("getohabutton");
const status = document.getElementById("status");
const result = document.getElementById("result");
const ohaspace = document.getElementById("ohaspace");

getohabutton.onclick = function(){
    status.textContent = "クリックされました"

    var url = "oha.txt"
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.responseType = "text";
    xhr.onload = function(){
        result.textContent = "読み込みました↓↓↓"
        ohaspace.textContent = xhr.response;
    }
    xhr.send();
}

## oha.txt
おは〜〜〜☀︎
読み込めましたか？
めでたし。
🤗🤗🤗🤗🤗
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>
	ろ〜かるほすとてすと
	</title>
	</head>
	<body>
	<h1>welcome to <span id="titlespace"></span></h1>

	<button id="getohabutton">get oha.txt</button>

	<p>上のボタンを押すと下に<code>oha.txt</code>の内容がでる</p>
	<p id="status"></p>
	<p id="result"></p>
	<pre id="ohaspace"></pre>

	<script src="main.js"></script>
	</body>
	</html>
	const titlespace = document.getElementById("titlespace");
	titlespace.textContent = document.title;

	const getohabutton = document.getElementById("getohabutton");
	const status = document.getElementById("status");
	const result = document.getElementById("result");
	const ohaspace = document.getElementById("ohaspace");

	getohabutton.onclick = function(){
	status.textContent = "クリックされました"

	var url = "oha.txt"
	var xhr = new XMLHttpRequest();
	xhr.open("GET", url);
	xhr.responseType = "text";
	xhr.onload = function(){
	result.textContent = "読み込みました↓↓↓"
	ohaspace.textContent = xhr.response;
	}
	xhr.send();
	}
	おは〜〜〜☀︎
	読み込めましたか？
	めでたし。
	🤗🤗🤗🤗🤗