提示 = 背景图像 javascript

Question

我试图这样做 background-image: url("+person.value+"); 里面 bg1 是提示值，但我知道它是如何删除我尝试时的背景

     document.getElementsByClassName("btn-cta-md")[0].addEventListener("click",
  function(){ 
    var person = prompt("image url: (.png, .jpg, .gif) example:", "https://skully.com/image.png");
    if (person != null) {
      var bg1=`


      <style id="bgimage" class="texture" type="text/css">.avatar-back
      {
        background-image: url('+person.Value+');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
      }</style>`;
          console.log(person);
      
       document.getElementsByClassName('thumbnail-2d-container avatar-card-image')[0].innerHTML += bg1
   
    }
  }
);

感谢过去 4 小时我一直在尝试的任何帮助，但我想不出办法了...

Answer 1

你在一个模板字符串中，所以只需像这样使用插值：

background-image: url('${person}');