title: Dynamically adding a text bullet to a text area
body: <p>I have a form that is pretty dynamically created based off of a project created in Pageflex Studio. I can add script or HTML elements above the text area and I can add script or HTML elements below the text area but I cannot directly edit the text area HTML.</p>
  
  <p>Essentially, I have a textarea that was dynamically added that I can only target using a JQuery selector. I need to add some sort of functionality to this (either a button the user can press or just by pressing enter) where the user can create a text bullet (so not a bullet created with HTML ul/li).</p>
  
  <p>So I want the final result to look something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/3kFrT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3kFrT.png" alt="enter image description here"></a></p>
  
  <p>I tried using the code found from <a href="https://stackoverflow.com/questions/11732789/adding-bullet-points-to-a-text-area">this answer</a> but had trouble getting it to access the textarea. I'm a bit rusty on my JavaScript so I feel like I'm missing something simple here but just not getting it.</p>