I would like to modify a with js

Question

I would like to modify the with js but I can't do it. I have no error message.

js


<!-- language: lang-js -->

    function taux() {
      let rue = document.getElementById("input-rue").value;
      let tauxrue = document.getElementById("tr");
      tauxrue.innerText = rue;

<!-- language: lang-html -->

svg/html

    <text id="_33ème_édition_-_1019ème_gp" data-name="33ème édition - 1019ème gp" class="cls-5" transform="translate(122 162)"><tspan x="0" y="0" id="tr">33</tspan><tspan class="cls-6" y="0">ÈME</tspan><tspan y="0" xml:space="preserve"> ÉDITION - 1019</tspan><tspan class="cls-6" y="0">ÈME</tspan><tspan y="0" xml:space="preserve"> GP</tspan></text>

I cant see where your `let rue = document.getElementById("input-rue").value;` element is in your code. — Amacado, Jul 15 '20 at 10:25
First thing i notice is you didn't close your function brackets in the js — Nico Shultz, Jul 15 '20 at 10:28
Hello, js is in js file but I do not understand your question. — Mathis, Jul 15 '20 at 10:30
Maybe this will help you: https://stackoverflow.com/a/4282289/2610061 — Carsten Massmann, Jul 15 '20 at 10:39
you can't add an SVG text element as a child of a tr element. You need — Robert Longson, Jul 15 '20 at 12:17

score 1 · Answer 1 · answered Jul 15 '20 at 11:05

You can use textContent. Also I would defint the input and the tauxrue outside the function.

let ir=document.getElementById("input-rue");
let tauxrue = document.getElementById("tr");

ir.addEventListener("input",taux)

function taux() {
      let rue = ir.value;
      tauxrue.textContent = rue;
 }

<input type="text" id="input-rue"/>

<svg viewBox="120 140 300 300"> 
<text id="_33ème_édition_-_1019ème_gp" data-name="33ème édition - 1019ème gp" class="cls-5" transform="translate(122 162)"><tspan x="0" y="0" id="tr">33</tspan>
  <tspan class="cls-6" y="0">ÈME</tspan>
  <tspan y="0" xml:space="preserve"> ÉDITION - 1019</tspan>
  <tspan class="cls-6" y="0">ÈME</tspan>
  <tspan y="0" xml:space="preserve"> GP</tspan></text>
</svg>

Sorry but taux is not defined `ir.addEventListener("input",taux)` — Mathis, Jul 15 '20 at 12:40
`Uncaught TypeError: Cannot read property 'value' of null at taux (form.js:12) at HTMLButtonElement.onclick (template-two.html:207)` — Mathis, Jul 15 '20 at 12:41

I would like to modify a with js

1 Answers1