Click here for free DL of the app version that can save data.

No:642

401

←

Prev Next

→

4D pocket
Developer User3057｜Date and time 23/6/16 21:47:29
Build time 34.819 sec｜Game capacity 3.235KB｜

Script

4次元ポケット

4次元ポケットは、ポケットに何でも入れられる魔法のポケットです。このアプリでは、ポケットに入っているアイテムを登録・管理できます。アイテムを追加するときは、アイテムの名前と個数を入力してください。アイテムを削除するときは、アイテムの名前を入力してください。アイテムの一覧は、アプリの画面に表示されます。スマホで操作が可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<title>4次元ポケット</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		* {
			box-sizing: border-box;
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			font-size: 16px;
			line-height: 1.5;
		}

body {
			margin: 0;
			padding: 0;
			background-color: #f2f2f2;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
		}

h1 {
			font-size: 32px;
			text-align: center;
			color: #333;
			margin-bottom: 16px;
		}

button {
			border: none;
			background-color: #333;
			color: #fff;
			padding: 12px 24px;
			font-size: 24px;
			border-radius: 8px;
			cursor: pointer;
		}

button:hover {
			background-color: #555;
		}
	</style>
	<script>
		var items = []; // アイテムの配列

function addItem() { // アイテムを追加する関数
			var name = prompt("アイテムの名前を入力してください");
			var count = parseInt(prompt("アイテムの個数を入力してください"));

if (name && count) { // 名前と個数が入力されたら追加する
				items.push({
					name: name,
					count: count
				});

updateItems(); // アイテムの一覧を更新する
			}
		}

function removeItem() { // アイテムを削除する関数
			var name = prompt("削除するアイテムの名前を入力してください");

if (name) { // 名前が入力されたら削除する
				for (var i = 0; i < items.length; i++) {
					if (items[i].name == name) {
						items.splice(i, 1);
						updateItems(); // アイテムの一覧を更新する
						break;
					}
				}
			}
		}

function updateItems() { // アイテムの一覧を更新する関数
			var itemList = document.getElementById("item-list");
			itemList.innerHTML = "";

for (var i = 0; i < items.length; i++) {
				var item = items[i];
				var listItem = document.createElement("li");
				var itemName = document.createElement("span");
				var itemCount = document.createElement("span");

itemName.innerText = item.name;
				itemCount.innerText = item.count;

listItem.appendChild(itemName);
				listItem.appendChild(itemCount);

itemList.appendChild(listItem);
			}
		}

window.onload = function() {
			var addButton = document.getElementById("add-button");
			var removeButton = document.getElementById("remove-button");

addButton.addEventListener("click", addItem);
			removeButton.addEventListener("click", removeItem);
		};
	</script>
</head>
<body>
	<h1>4次元ポケット</h1>
	<button id="add-button">アイテムを追加する</button>
	<button id="remove-button">アイテムを削除する</button>
	<ul id="item-list"></ul>
</body>
</html>