Eval() не оценить innerHTML

Question

Я следующую структуру кода

<script> 
function load_script() 
{ 
    eval(document.getElementById("mydiv").innerHTML); 
} 
</script> 

<div id="mydiv">function sum(a,b){return a+b;}</div> 

<input type="button" onclick="load_script()" value="Load Script"> 

<input type='button' value = 'Get Sum' onclick='sum(1,2)'> 

Когда я нажимаю на «Load Script» кнопку, чтобы запустить load_script() функцию, то innerHTML не разбирается eval() и, как следствие, " Кнопка «Получить сумму» всегда терпит неудачу. Почему так?

Answer 1

ниже код работал для меня.

<script> 
function load_script() 
{ 
    eval(document.getElementById("mydiv").innerHTML + ""); 
} 
</script> 

<div id="mydiv">sum = function (a,b){return a+b;}</div> 

<input type="button" onclick="load_script()" value="Load Script"> 

<input type='button' value = 'Get Sum' onclick='alert(sum(1,2));'>