How do I use this JavaScript variable in HTML?

You don’t “use” JavaScript variables in HTML. HTML is not a programming language, it’s a markup language, it just “describes” what the page should look like.

If you want to display a variable on the screen, this is done with JavaScript.

First, you need somewhere for it to write to:

<body>
    <p id="output"></p>
</body>

Then you need to update your JavaScript code to write to that <p> tag. Make sure you do so after the page is ready.

<script>
window.onload = function(){
    var name = prompt("What's your name?");
    var lengthOfName = name.length

    document.getElementById('output').innerHTML = lengthOfName;
};
</script>

Show code snippet

Related Posts:

  1. Failed to load resource: the server responded with a status of 404 (Not Found)
  2. Maximum call stack size exceeded error
  3. Google Chrome Uncaught (in promise) DOMException while playing AUDIO
  4. How to make a word underline in Markdown
  5. ChartJS beginAtZero, min, max doesn’t work
  6. how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
  7. Cannot set property InnerHTML of null [duplicate]
  8. ReferenceError: $ is not defined
  9. React.js: Set innerHTML vs dangerouslySetInnerHTML
  10. jQuery.click() vs onClick
  11. Add swipe left/right to web page, but use default swipe up/down
  12. Check if checkbox is checked with jQuery
  13. How do you check if a variable is an array in JavaScript?
  14. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  15. Angular: mat-form-field must contain a MatFormFieldControl
  16. Change Background color (css property) using Jquery
  17. Static variables in JavaScript
  18. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  19. Get class name using jQuery
  20. How to clear the canvas for redrawing
  21. JavaScript get element by name
  22. Use images like checkboxes
  23. Completely disable scrolling of webpage
  24. TypeError: Cannot Set property ‘onclick’ of null
  25. How do I scroll to an element using JavaScript?
  26. display variable image using cookies
  27. character counter – backspace doesn’t reflect on characters remaining
  28. Open URL in same window and in same tab
  29. Create table with jQuery – append
  30. How to convert selected HTML to Json?
  31. How would I call a javascript function in html?
  32. How to Open New window on every Click
  33. Encode HTML entities in JavaScript
  34. Declaring multiple variables in JavaScript
  35. “.addEventListener is not a function” why does this error occur?
  36. Cannot read property ‘getContext’ of null, using canvas
  37. How to move an element after another element using JS or jquery?
  38. How to use Javascript to read local text file and read line by line?
  39. Why is the jquery script not working?
  40. DOMException: Failed to load because no supported source was found
  41. How do I modify the URL without reloading the page?
  42. How to interpolate variables in strings in JavaScript, without concatenation?
  43. Textarea Auto height
  44. Partial render in HTML/JavaScript
  45. How to add onload event to a div element
  46. How do I check whether a checkbox is checked in jQuery?
  47. Print the contents of a DIV
  48. How to create a HTML Cancel button that redirects to a URL
  49. JavaScript check if variable exists (is defined/initialized)
  50. Embedding instagram webpage inside an iframe
  51. How to get the selected radio button’s value?
  52. why angularjs ng-repeat not working
  53. Scroll to bottom of div?
  54. document.getElementById().value doesn’t set the value
  55. How to run a function when the page is loaded?
  56. Clearing my form inputs after submission
  57. Reload an iframe with jQuery
  58. Highlight a word with jQuery
  59. Video auto play is not working in Safari and Chrome desktop browser
  60. How to change the buttons text using javascript
  61. how to display a div triggered by onclick event
  62. Why is jquery show() not working in example
  63. anchor jumping by using javascript
  64. jQuery scrollTop() method not working
  65. FormData append not working
  66. getContext is not a function
  67. How to change the text of a label?
  68. JavaScript – Count Number of Visitor for Website
  69. Strip HTML from Text JavaScript
  70. Using “&times” word in html changes to ×
  71. How do I store an array in localStorage?
  72. Fire oninput event with jQuery
  73. Changing the selected option of an HTML Select element
  74. How can I know which radio button is selected via jQuery?
  75. Positioning
  76. img onclick call to JavaScript function
  77. How to scroll to top of page with JavaScript/jQuery?
  78. Calling a JavaScript function in another js file
  79. How to embed an autoplaying YouTube video in an iframe?
  80. JavaScript code not running in HTML5 document
  81. Cannot read property ‘style’ of undefined — Uncaught Type Error
  82. Unexpected token < in first line of HTML
  83. How to make HTML element resizable using pure Javascript?
  84. How to set “style=display:none;” using jQuery’s attr method?
  85. WordPress Bootstrap Handburger Menu Wont Open
  86. The value of attribute [ data-type ] must be in double quotes – custom html widget error
  87. Adding JavaScript to a WordPress website
  88. Insert “javascript:void(0);” into URL
  89. How to display post content in the block editor
  90. My Button Default Click Is Not Working In WordPress Using Javascript Code
  91. Why is JavaScript being added to header as application/oembed?
  92. Make a script work within a page
  93. how to let users upload their custom cover image
  94. Putting custom html/js page into Elementor as it’s own block
  95. Add Paypal button redirect to a specific page after completing
  96. internal anchor links no longer working after upgrade
  97. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  98. Making the HTML list to a checkbox tree with the plugin jstree [closed]
  99. dropdown does not work [closed]
  100. How do I cycle a JS function in WordPress? [closed]

Leave a Comment

error code: 521