Как я могу обновить значения глобального объекта внутри функции, а затем получить доступ к его значениям с помощью другой функции в JS?

Как я могу обновить значения глобального объекта внутри функции, а затем получить доступ к его значениям с помощью другой функции в JS?

Я пытаюсь обновить значения глобального объекта внутри функции, а затем получить к нему доступ с помощью другой функции в JS, но безуспешно, мой код выглядит следующим образом:

 var doguinho = { nome : "", idade : "", raca : "", coloracao : "" }; $(document).ready(() ={amp}gt; { $('button[name="btn-enviar"]').click(() ={amp}gt; { doguinho.nome = $('input[id="input-nome"]').val(); doguinho.idade = $('input[id="input-idade"]').val(); doguinho.raca = $('input[id="input-raca"]').val(); doguinho.coloracao = $('input[id="input-coloracao"]').val(); }) $('button[name="btn-mostrar"]').click(() ={amp}gt; { alert(doguinho.nome); }) } ); 
 {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;html{amp}gt; {amp}lt;body{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;input type="text" id="input-nome"{amp}gt;{amp}lt;/input{amp}gt; {amp}lt;br/{amp}gt; {amp}lt;input type="text" id="input-idade"{amp}gt;{amp}lt;/input{amp}gt; {amp}lt;br/{amp}gt; {amp}lt;input type="text" id="input-raca"{amp}gt;{amp}lt;/input{amp}gt; {amp}lt;br/{amp}gt; {amp}lt;input type="text" id="input-coloracao"{amp}gt;{amp}lt;/input{amp}gt; {amp}lt;br/{amp}gt; {amp}lt;button type="submit" name="btn-enviar"{amp}gt;save{amp}lt;/button{amp}gt; {amp}lt;button type="submit" name="btn-mostrar"{amp}gt;alert{amp}lt;/button{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

Поскольку объект объявлен в глобальном контексте, я не могу обновить муравей и затем прочитать его значение из любого места?

Если нет, то как я могу это сделать?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector