template-literals Questions

How can I write a JavaScript variable inside double quotation marks in a template literal?

August 30, 2024
Shibaji Biswas
3 Answers

I have this code: const newDiv = document.createElement('div'); newDiv.innerHTML = ` <button class='btn btn-download'> <span class='icon'>⇩</span> Download Subtitle </button> <span>as</span> <select id=`outputFormatSelectId`> <option value="text">Text</option> <option value="text-with-time">Text with Time</option> <option value="json">JSON</option> <option value="srt">SRT</option> </select>`; Notice <select id="outputFormatSelectId"> has a id outputFormatSelectId.…

VIEW QUESTION

What is the need of embedding HTML into Javascript code?

June 28, 2024
Esha
2 Answers

I still don’t understand the use of embedding HTML into javascript code. I understand the use of template literals to insert HTML but still not understand why is there a need to embed HTML. Please tell me what are we…

VIEW QUESTION

Javascript – html element not being executed

May 22, 2024
Puja Bhandari
2 Answers

Whenever i am trying to run below line of code, its not executing '' as break line but actually executing it as string. const firstFiveLetters = chartData.centerText.slice(0, 5); const remainingLetters = chartData.centerText.slice(5); // Return the text with line break after…

VIEW QUESTION

Html – Dynamically calling a function based on its name stored in a string

April 15, 2024
Laurence B
2 Answers

I am trying to dynamically call a function based on its name stored in a string using bracket notation on the window object. I have also tried using eval() to no success. The project has been bundled using webpack. More…

VIEW QUESTION

Javascript – For which values does template string literal throws?

February 24, 2024
Parzh from Ukraine
2 Answers

A simple template literal expression: `${value}` … will throw TypeError in at least two cases: if value is a Symbol; try { `${Symbol('nope')}` } catch (error) { console.error(`${error.name}: ${error.message}`) } if value is an empty non-inherited object. try { `${Object.create(null)}`…

VIEW QUESTION

Javascript – Selecting an element ID that was created in an innerHTML variable

January 15, 2024
HectorACampo NYC
2 Answers

How do I select the textfield element "member-name"? function revealPaywall (){ const paywall = document.getElementById('paywall') const name = localStorage.getItem("value"); //TO WRITE MULTILINE HTML IN JS, USE BACKTICKS `` TO CREATE A TEMPLATE LITERAL if (localStorage.getItem("value") === null){ paywall.innerHTML = `…

VIEW QUESTION

How to write String.raw() with normal JavaScript code

October 7, 2023
timkay
2 Answers

According to MDN, String.raw() is the only built-in template literal tag. It has close semantics to an untagged literal since it concatenates all arguments and returns a string. You can even re-implement it with normal JavaScript code. How would you…

VIEW QUESTION

Javascript – What is the function of the hash tag in this template literal?

August 1, 2023
Naj
2 Answers

This is the code I don't understand: // Show the selected panel grandparent.parentNode .querySelector(`#${target.getAttribute("aria-controls")}`) .removeAttribute("hidden"); specifically: .querySelector(`#${target.getAttribute("aria-controls")}`) It's copied from an MDN page about accessible tabs. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role. How does the template literal work? To be more precise, what is that…

VIEW QUESTION

Reactjs – How to use path in require method in react with node.js?

July 9, 2023
Leung Cho-shing
2 Answers

I am trying to paste a path to a picture within the img tag with the require() method. This is the component. Props are passed from the parent correctly because console.log(img) return the correct path. import data from '../asset/data/blog-post.json' function…

VIEW QUESTION

Javascript – Expressions in my template literal don't get updated

June 22, 2023
pyradim
2 Answers

I define the variable description as a template literal with an expression in it. When I then use description later in runScenario, the expression returns what money started as, not what it currently is. var money = 100; var description…

VIEW QUESTION

Page 1
Page 2
Next