При выгрузке текстового файла внутри него undefined, а не содержимое, которое пользователь вводит в textarea.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="CaseConverter.css">
</head>
<body>
<div class="title">Case Converter</div>
<textarea></textarea>
<button id="upper-case">Upper Case</button>
<button id="lower-case">Lower Case</button>
<button id="proper-case">Proper Case</button>
<button id="sentence-case">Sentence Case</button>
<button id="save-text-file" onclick="download()">Save Text File</button>
<script src="script.js"></script>
</body>
</html>
Часть скрипта:
function download(filename, text) {
let element = document.createElement('a');
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
element.setAttribute('download', "text.txt");
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
}
Где ошибка?