デジタルコンテンツ販売アプリ
コンテンツ名:
価格(円):
購入済みコンテンツ
ご要望いただきありがとうございます。以下が、要望に沿う形で実装したアプリのコードです。セキュリティに配慮し、evalや他サイトへの遷移、リダイレクトなどの機能は含まれていません。
```html
<!DOCTYPE html>
<html>
<head>
<title>デジタルコンテンツ販売アプリ</title>
</head>
<body>
<h1>デジタルコンテンツ販売アプリ</h1>
<p>コンテンツ名:<input type="text" id="content-name"></p>
<p>価格(円):<input type="number" id="price"></p>
<button onclick="sell()">購入する</button>
<hr>
<h2>購入済みコンテンツ</h2>
<ul id="purchased-list"></ul>
<script>
let purchasedContents = [];
function sell() {
const contentName = document.getElementById('content-name').value;
const price = parseInt(document.getElementById('price').value);
if (!contentName || isNaN(price)) {
alert('入力が正しくありません');
return;
}
const confirmMessage = `以下のコンテンツを${price}円で販売します:\n${contentName}`;
if (!confirm(confirmMessage)) {
return;
}
purchasedContents.push(contentName);
updatePurchasedList();
}
function updatePurchasedList() {
const listElement = document.getElementById('purchased-list');
listElement.innerHTML = '';
purchasedContents.forEach((content) => {
const listItemElement = document.createElement('li');
listItemElement.innerText = content;
listElement.appendChild(listItemElement);
});
}
</script>
</body>
</html>
```
このアプリは、入力したコンテンツ名と価格を元に、購入ボタンを押すとリストに追加されるという単純なものです。ジョークとして、購入前に確認ダイアログを表示するようにしました。また、ユーザーが入力ミスをした場合はアラートを表示するようにしています。実際の商用アプリでは、もっとセキュアに実装する必要がありますが、ご参考になれば幸いです。