Использование переменной Javascript как части гиперссылки в IFrame

Question

Очень надеюсь, что вы можете помочь мне с этим, мне нужно, чтобы пользователь ввел уникальный идентификатор в форму, затем мне нужно javascript, чтобы создать iFrame с переменной javascript, введенной пользователем, и частью URL c.

<form>
<input type="text" id="Rname" name="Rname"><br>
</form> 
<button onclick="myFunction()">Start Room</button>
<iframe id="chatframe" src="" height="45%" width="80%" allow="camera; microphone" class="left"> 
</iframe>

<script> 
function myFunction() {

var x = Rname

document.getElementById("chatframe").src =
"https://meet.jit.si/"+ x;  
</script>

Приведенный выше код не работает, и я совершенно уверен, что это из-за того, что он не может назначить пользовательский ввод переменной, а затем вставить эту переменную в iFrame ... но я на самом деле в недоумении с этим.

Большое спасибо

Answer 1

Вам необходимо закрыть функцию внутри тега скрипта и использовать правильный селектор для входного значения.

Пример:

    <script>
      function myFunction() {
        var x = document.getElementById("Rname").value;
        document.getElementById("chatframe").src = "https://meet.jit.si/" + x;
      }
    </script>

Также это может быть полезно для понимания селекторов:

Как получить значение поля ввода текста, используя JavaScript?