Мои JSON и Javascript не работают с моей формой

<!DOCTYPE html>
<html>
<head>
<title>JSON</title>
</head>
body>
<div id = "form">
    <form onsubmit = "formSave()" name = "signup">
        <input type = "text" name = "username">
       <input type = "submit" value = "Sign Up">
    </form>
</div>
<button type = "button" onclick = "displayUid()">Display</button>
<p id = "demo"></p>
<script>
function formSave() {
    var uid = document.forms["signup"]["username"].value;
    var myUser = { "userid":uid };
    var idJSON = JSON.stringify(myUser);
    localStorage.setItem("testJSON", idJSON);
}
function displayUid() {
    var txt = localStorage.getItem("testJSON");
    var usid = JSON.parse(txt);
    document.getElementById("demo").innerHTML = usid.userid;
}
</script>
</body>
</html>

Я не знаю, где я ошибся, это просто тестовый файл, чтобы посмотреть, смогу ли я создать страницу регистрации с кодом, но похоже, что это не сработает, мне просто нужна помощь с этим , Я только начал изучать JSON два дня назад, так что это ново для меня, но JavaScript не нов, я нервничаю, спрашивая здесь, потому что, возможно, я пропустил несколько цитат или просто опечатку с моей стороны, если вы можете помогите пожалуйста сделайте.

Спасибо за ваше время, Дэйвид

Не то чтобы это связано с вашими вопросами, но в открывающем теге тела отсутствует <;)

— 19.03.2018 19:24

что не работает?

— 19.03.2018 19:41

Форма либо не сохраняется, либо не открывается

— 19.03.2018 19:47

Протестировал ваш код, и он работал (даже со сломанным тегом body)

— 19.03.2018 19:58

Тогда, wtf, вам нужно было создать внешний файл json, и если да, то как он назывался @Dionei Miodutzki

— 20.03.2018 01:42

Нет ... просто скопируйте и вставьте свой код в файл, и он работал в Google Chrome

— 20.03.2018 02:12

javascript html json database forms

19.03.2018 19:22

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Другие вопросы по теме

Невозможно перенаправить на другую веб-страницу в моем проекте

Изменение того, что отображается за пределами реальной страницы

SVG img в той же строке текста во встроенном блочном контейнере

Оверлей, покрывающий все, кроме img

HTML-теги, встроенные в строку Java, не обнаруживаются в браузере

Как отличить частично заполненный или недопустимый ввод типа datetime-local от пустого?

Получение 2 абзаца по вертикали по центру между 1 div

Javascript - отображение ввода внутри div

Автофокус не работает во второй раз при попытке щелкнуть поле ввода во второй раз

Jumbotron обрезает текст

Мои JSON и Javascript не работают с моей формой

Другие вопросы по теме

Похожие вопросы