我制作了一個任何人都可以登錄的程式，但問題是即使它已經在 localStorage 中，它也會保存相同的名稱。當它在 localStorage 中已經具有相同的名稱時，我希望它不會被保存
這是我的HTML5 和 js代碼
<!-- HTML5 -->
<div>
<!-- login -->
<form>
<!-- UserName -->
<input id="name" type="text" placeholder="Enter name">
<br>
<!-- password -->
<input id="password" type="password" placeholder="Enter password">
<br><br>
<!-- login button -->
<button id="saveButton">Log in</button>
<br><br>
</form>
<script src="./saveName.js"></script>
<script src="./savePassword.js"></script>
</div>
//JAVASCRIPT
function saveNames() {
var newNames = document.getElementById('name').value;
if (localStorage.getItem('id') == null) {
localStorage.setItem('id', '[]');
}
var old_data = JSON.parse(localStorage.getItem('id'));
old_data.push(newNames);
localStorage.setItem('id', JSON.stringify(old_data));
alert(localStorage.getItem('id'));
}
saveButton.addEventListener("click", function(e) {
e.preventDefault();
saveNames();
});
uj5u.com熱心網友回復：
function saveNames() {
var newNames = document.getElementById('name').value;
if (localStorage.getItem('id') == null) {
localStorage.setItem('id', '[]');
}
var old_data = JSON.parse(localStorage.getItem('id'));
if (!old_data.includes(newNames)) {
old_data.push(newNames);
localStorage.setItem('id', JSON.stringify(old_data));
alert(localStorage.getItem('id'));
}
else return
}
saveButton.addEventListener("click", function(e) {
e.preventDefault();
saveNames();
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/409195.html
標籤：