How to write inside a DIV box with javascript

Question

I m making a mini-game where a player attacks a npc and in the center is a white box  div  that I call  log   because when the player damages attacks the npc  I want to be able for that open white space to log what happened   I m using the getElementById log  and then adding something along the lines of  document write  You attacked X npc    but its not working   Any idea on how I can get text INSIDE the box and not outside it  Thanks

User · Accepted Answer

x000D   x000D  document getElementById  log   innerHTML      lt br gt Some new content    x000D   lt div id  log  gt initial content lt  div gt  x000D   x000D   x000D

User · Answer

If you are using jQuery and you want to add content to the existing contents of the div  you can use  html   within the brackets    x000D   x000D      log   html     log   html        lt br gt New content     x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt div id  log  gt Initial Content lt  div gt  x000D   x000D   x000D

User · Answer

You can use one of the following methods   document getElementById  log   innerHTML    text    document getElementById  log   innerText    text    document getElementById  log   textContent    text     For Jquery        log   text  text         log   html  text

User · Answer

I would suggest Jquery       log   html  Type what you want to be shown to the user

User · Answer

HTML    lt div id  log  gt  lt  div gt    JS   document getElementById  log   innerHTML  WHATEVER YOU WANT

[javascript] How to write inside a DIV box with javascript

Examples related to javascript

Examples related to html

Examples related to css