Я пытаюсь сделать редактор кода, но ничего не появляется в окне результатов - PullRequest
Новая
       0

Я пытаюсь сделать редактор кода, но ничего не появляется в окне результатов

0 голосов
/ 24 декабря 2018

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

Я пытался использовать .innerHTML для извлечения кода и поместить его в окно результатов, ноничего не появилось. 

<!DOCTYPE html>
<body>
<textarea id='codeBox'>
  <!DOCTYPE html>
    <html>
      <body>

      </body>
    </html>
</textarea>
<div id='result'></div>
<button onclick='run()' style='text-align: center;'>Run</button>
<style>
body {
display: grid;
grid-columns: 50% 50%;
}

#codeBox {
grid-column: 1;
height: 500px;
overflow: scroll;
}

#result {
grid-column: 2;
height: 500px;
overflow: scroll;
border: 1px solid gray;
}
</style>
<script>
let codeBox = document.getElementById('codeBox').innerHTML;
let result = document.getElementById('result').innerHTML;
function run() {
result.innerHTML = codeBox.innerHTML;
};
</script> 
</body>

Ответы [ 2 ]

0 голосов
/ 24 декабря 2018

Взять innerhtml к переменной ниже и выполнить 

let codeBox = document.getElementById('codeBox').innerHTML;
let result = document.getElementById('result').innerHTML;

Модифицированный код 

    <script>
    let codeBox = document.getElementById('codeBox');
    let result = document.getElementById('result');
    function run() {
    result.innerHTML = codeBox.innerHTML;
    };
   </script>

Ссылка

https://code.sololearn.com/Ws6DW8hp6XS5

0 голосов
/ 24 декабря 2018

Вам следует использовать значение textarea, и вы должны читать значение каждый раз, когда нажимаете кнопку «Выполнить», а не только при загрузке страницы. 

function run() {
  result.innerHTML = document.getElementById('codeBox').value;
};
body {
  display: grid;
  grid-template-columns: 50% 50%;
}

#codeBox {
  grid-column: 1;
  height: 500px;
  overflow: scroll;
}

#result {
  grid-column: 2;
  height: 500px;
  overflow: scroll;
  border: 1px solid gray;
}
<textarea id='codeBox'>
  <!DOCTYPE html>
    <html>
      <body>
      It works!
      </body>
    </html>
</textarea>
<div id='result'></div>
<button onclick='run()' style='text-align: center;'>Run</button>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...