Get Item Id  


 


<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Get item ID</title>
</head>

<body>
<h1>Get item ID</h1>
<label for="itemName">Enter item Type:</label>
<input type="text" id="itemName" placeholder="Enter item type..." />
<button onclick="getitemId()">Get item ID</button>
<p id="result"></p>

<script>
const fdata = [
{
id: 1,
item_name: 'pen',
},
{
id: 2,
item_name: 'book',
},
{
id: 3,
item_name: 'mobile',
},
];

function getItemIdByType(itemName) {
itemName = itemName.trim().toUpperCase();
const itemObj = fdata.find(
(data) => data.item_name.toUpperCase() === itemName
);
return itemObj ? itemObj.id : null;
}

function getitemId() {
const inputType = document.getElementById('itemName').value;
const itemId = getItemIdByType(inputType);

const resultElement = document.getElementById('result');
if (itemId !== null) {
resultElement.textContent = `The item_id for '${inputType.trim()}' is: ${itemId}`;
} else {
resultElement.textContent = `item id '${inputType.trim()}' not found.`;
}
}
</script>
</body>

</html>

 

SHOW DEMO CLICK HERE......