Вставка команды Javascript HTML

Question

Я хочу создать выполнение команды JavaScript .. Я имею в виду, если я создам страницу с помощью метода ввода, то значение этого метода ввода выполняется в консоли JavaScript, результат этого исполнения должен быть вставлен в HTML-тег как: HTML:

<input id="commandInsertion"/> 
<input type="Submit" onclick="doCommand()"> 
<p id="result"></p> 

JavaScript:

var doCommand = function(x) { 
    // The command should be something like this 
    Execute(x); // Imaginary Function 
    document.getElementById('result').innerHTML = ResultOf(x); 
    // ResultOf() is also an imaginary function 
}; 

doCommand это функция, которая выполняет команду, а затем выводит его в документ

Answer 1

То, что я получил от вашего объяснения, что вам нужно некоторые вещи, такие в том числе:

function getInsertedValue() { 
 
    var txt = document.getElementById('commandInsertion').value; 
 
    updateElem(txt); 
 
} 
 

 
function updateElem(insertedTxt) { 
 
    document.getElementById("updatedTxt").innerHTML = eval(insertedTxt); 
 
}

<div> 
 
    <input type="text" id="commandInsertion" /> 
 
    <span id="updatedTxt"></span> 
 
    <input type="Submit" onclick="getInsertedValue()"> 
 
</div>

Answer 2

Не правда ли? eval Функция?

Функция eval() оценивает или выполняет аргумент.

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

Answer 3

Простой. Слышал (а) eval? Это забавная и опасная функция. Он позволяет оценивать код во время выполнения. Вот пример:

$('#calc').on('input', function() { 
 
    try { 
 
    $('#out').val(eval($('#calc').val())); 
 
    } catch (e) { 
 
    $('#out').val('ERROR!') 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
Input: 
 
<br> 
 
<input id='calc'> 
 
<br>Output: 
 
<br> 
 
<input id='out'>

Это просто, но Eval также может быть опасным. Он может позволить злоумышленникам делать все, что вы можете. Вы можете прочитать об этом:

Restricting eval() to a narrow scope

Так вот код, который вы хотите:

var doCommand = function() { 
 
    // The command should be something like this 
 
    document.getElementById('output').innerHTML = eval(document.getElementById('commandInsertion').value); 
 
};

<input id="commandInsertion" /> 
 
<div id="output"></div> 
 
<br> 
 
<br> 
 
<input type="Submit" onclick="doCommand()">