2016-05-10 3 views
1

Я написал эти несколько строк кода и хотел бы, чтобы текст менялся после нажатия кнопки, но не работал. Не могли бы вы найти проблему?Помощь JavaScript с кодом

var omari = "Omari Lamar"; 
 
function omari(){ 
 
    el = document.getElementById('slice'); 
 
    el.textContent = omari + "Is a computer Programmer!"; 
 
}
<html> 
 
    <head> 
 
     <title></title> 
 
    </head> 
 
    <body> 
 
     <h1>Title Example</h1> 
 
     <button onclick="omari();">Click me</button> 
 
     <div id="slice"> 
 
      sample text 
 
     </div> 
 
     <script src="app.js"></script> 
 
    </body> 
 
</html>

+1

Что происходит, когда вы запускаете свой код сейчас? Отлаживайте свой код. Поместите точку останова на строку 'el.textContent' и проверьте значение переменной' omari'. Вы должны быть в состоянии понять это оттуда. Или, если вы использовали интеллектуальный редактор, это, вероятно, укажет на проблему с подсветкой синтаксиса. –

+0

вы дважды включили «app.js» – user3284463

+1

Когда вы задаете вопрос, вы описываете ожидаемое поведение и текущее поведение. Вы должны сообщать о любых ошибках, которые вы получаете. Пожалуйста, прочитайте [ask] (особенно о предоставлении определенного названия, название, которое вы выбрали, бесполезно). –

ответ

3

Изменить код:

var omariName ="Omari Lamar"; 
function omari(){ 
    el = document.getElementById('slice'); 
    el.textContent = omariName + "Is a computer Programmer!"; 

} 
+1

Вы могли бы объяснить, что имя переменной и имя функции могут вызывать конфликт :-) – jeff

+0

Как упоминалось выше, существует конфликт между вашим именем переменной omari и именем вашей функции. –

0

Здесь вы идете, Ваше имя функции и имя переменной были одинаковыми

var omary ="Omari Lamar"; 
 
var omari = function(){ 
 
\t var el = document.getElementById('slice'); 
 
\t el.innerHTML = omary + "Is a computer Programmer!"; 
 

 
};
<html> \t 
 
\t <head> 
 
\t \t <title> 
 

 
\t \t </title> 
 
\t \t <script src="app.js"></script> 
 
\t </head> 
 
\t <body> 
 
\t \t <h1>Title Example</h1> 
 

 
\t \t <button onclick="omari();">Click me</button> 
 
\t \t <div id="slice"> 
 
\t \t sample text 
 
\t \t </div> 
 

 
\t \t <script src="app.js"></script> 
 
\t </body> 
 
</html>

0

вот в чем проблема: у вас есть переменная с именем omari и имя функции omari. поэтому, когда вы пытаетесь вызвать функцию omari, javascript фактически смотрит на определение переменной, а не на функцию. просто дайте им другое имя.

пробуйте код ниже.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>test</title> 
</head> 

<body> 
<script> 

    var _omari ="Omari Lamar"; 
    function omari(){ 
     el = document.getElementById('slice'); 
     el.innerHTML = _omari + " Is a computer Programmer!"; 

    } 
</script> 

      <h1>Title Example</h1> 

      <button onclick="omari();">Click me</button> 
      <div id="slice"> 
      sample text 
      </div> 

</body> 
</html> 
Смежные вопросы