ファイルをここにドラッグ&ドロップしてください
以下に、ユーザーの要望に基づいたアプリの実装例を示します。
```html
<!DOCTYPE html>
<html>
<head>
<title>ファイルリネームアプリ</title>
<style>
#dropzone {
border: 2px dashed #ccc;
padding: 20px;
text-align: center;
font-size: 18px;
}
#result {
margin-top: 20px;
}
</style>
</head>
<body>
<div id="dropzone">
ファイルをここにドラッグ&ドロップしてください
</div>
<select id="facilityNumber">
<option value="">施設番号を選択してください</option>
<option value="001">001</option>
<option value="002">002</option>
<option value="003">003</option>
</select>
<select id="classificationNumber">
<option value="">分類番号を選択してください</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<input type="text" id="documentName" placeholder="文書名を入力してください">
<input type="date" id="date">
<select id="pv">
<option value="">PVを選択してください</option>
<option value="PV_Yes">PV_Yes</option>
<option value="PV_No">PV_No</option>
</select>
<button onclick="renameFile()">リネーム</button>
<div id="result"></div>
<script>
function renameFile() {
var facilityNumber = document.getElementById("facilityNumber").value || "";
var classificationNumber = document.getElementById("classificationNumber").value || "";
var documentName = document.getElementById("documentName").value || "";
var date = document.getElementById("date").value || "";
var pv = document.getElementById("pv").value || "";
var filename = facilityNumber + "_" + classificationNumber + "_" + documentName + "_" + date + "_" + pv + ".txt";
document.getElementById("result").innerHTML = "リネームされたファイル名: " + filename;
}
document.getElementById("dropzone").addEventListener("dragover", function(event) {
event.preventDefault();
});
document.getElementById("dropzone").addEventListener("drop", function(event) {
event.preventDefault();
var file = event.dataTransfer.files[0];
alert("ファイルがドラッグ&ドロップされました: " + file.name);
});
</script>
</body>
</html>
```
このアプリは、ドラッグ&ドロップでファイルを受け入れる`dropzone`エリアを提供し、選択されたファイル名を取得しません(保持しません)。また、施設番号、分類番号、文書名、資料日付、PVのドロップダウンリストやテキストボックスを提供し、`リネーム`ボタンをクリックすることでそれらの値を元にファイル名を生成し表示します。