Javascript variable not being appended to HTML element even though the variable has a value [duplicate]

Question

I am trying to append a javascript variable within one of my html tags however it does not work at all even though the variable has a value. I am grabbing the variable through local storage so I am not sure if it is because of that or not? Any help would be greatly appreciated!

<div id="wrapper">
  <!-- Sidebar -->
  <div id="sidebar-wrapper">
    <ul class="sidebar-nav">
      <li class="sidebar-brand">
        <h3 id="welcome"></h3>=
        <script>
          var name = localStorage.getItem('name')
          document.getElementById("welcome").value = name;
        </script>
      </li>
      <li>
        <a href="#">Dashboard</a>
      </li>
      <li>
        <a href="#">Shortcuts</a>
      </li>
      <li>
        <a href="#">Overview</a>
      </li>
      <li>
        <a href="#">Events</a>
      </li>
      <li>
        <a href="#">About</a>
      </li>
      <li>
        <a href="#">Services</a>
      </li>
      <li>
        <a href="#">Contact</a>
      </li>
    </ul>
  </div>
</div>

You open a P tag and you close a h3 tag, this looks like a typo — R Pelzer
– R Pelzer, Commented Dec 6, 2018 at 11:56
Here you can find iformation how to view or edit your local storage: stackoverflow.com/questions/9404813/… — R Pelzer
– R Pelzer, Commented Dec 6, 2018 at 11:59
so use .textContent = name or .innerHTML = name... not .value = name. value are just for input like elements — Calvin Nunes
– Calvin Nunes, Commented Dec 6, 2018 at 12:03

Paddy Hallihan · Accepted Answer · 2018-12-06 12:02:25Z

0

if the name variable is definitely set use .innerHTML instead of .value

answered Dec 6, 2018 at 12:02

Paddy Hallihan

1,7265 gold badges35 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

GrandeurH Over a year ago

That worked, thanks for the quick solution!

Paddy Hallihan Over a year ago

Thats no problem

codemirror · Accepted Answer · 2018-12-07 07:32:36Z

0

Try innerHTML

The innerHTML property sets or returns the HTML content (inner HTML) of an element.

<script>
var name = localStorage.getItem('name')
document.getElementById("welcome").innerHTML= name;
</script>

edited Dec 7, 2018 at 7:32

answered Dec 6, 2018 at 12:06

codemirror

3,6281 gold badge32 silver badges42 bronze badges

1 Comment

GhostCat Over a year ago

Please add a bit of explanation. Just dropping code is discouraged.

Collectives™ on Stack Overflow

Javascript variable not being appended to HTML element even though the variable has a value [duplicate]

2 Answers 2

2 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Linked

Related