skip to Main Content

I’m looking to copy the text from a <p> element with the ID of code and put it in an input field with the data-field-id of 6197c68b4c806 when a button is clicked.

How could I do this? I would like the code to be inline if that is possible.

2

Answers


  1. First you need to access the element you want to copy the text from with:

    `let text = document.querySelector('css selector').text` or .textContent.
    

    This will save the text existing in the element.
    Then you select the input, using the same technique and then do:
    .value = text.
    Also add an event listener to the button you want to click to trigger this:

    document.querySelector('btn.submit').addEventListener(() => {
    let text = document.querySelector('css selector').text;
    document.querySelector('input#x').value = text
    })
    

    Should do the trick.

    Login or Signup to reply.
  2.        document.queryselector('#btn').addEventListener(()=>
    var q_t = document.queryselector('#input').text;
    document.queryselector('#output').text(q_t);
        )}
    

    You have to follow this above code, hopefully you can solve this

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search