Я не могу найти, что не так с моим кодом

-2

Я не могу узнать, почему первая кнопка в div этого кода не работает с файлами HTML. Я проверил много валидаторов javaScript и HTML, но никто из них не работает. на codecademy.com и w3schools.com работает, но не на HTML-файлах.Я не могу найти, что не так с моим кодом

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
    #b1 { 
     background-image: url('http://images2.fanpop.com/image/photos/14600000/egypt-egyptian-history-14635051-430-287.jpg'); 
     background-repeat: no-repeat; 
     background-size: cover; 
    } 

    div { 
     width: 990px; 
     padding: 25px; 
     border: 2px solid navy; 
     margin: 25px; 
    } 
</style> 
</head> 
<body id="b1"> 
<script> 
    var b = 0; 
    var a = function() { 
     var q = "blah" 
     document.getElementById('r').innerHTML = q; 
    }; 

    var g = function() { 
     location.reload(); 
    }; 
    var ab = function() { 
     var p = "blah"; 
     document.getElementById('r').innerHTML = p; 
    }; 
    var aq = function() { 
     var an = "blah"; 
     document.getElementById('r').innerHTML = t; 
    }; 
    var di = function() { 
     var pe = "blah"; 
     document.getElementById('r').innerHTML = pe; 
    }; 
    var e = true; 
    var a = function() { 
     if (e === true) { 
      e = false; 
      document.getElementById('a').innerHTML = "Ancient Egypt"; 
     } 
     else { 
      e = true; 
      document.getElementById('a').innerHTML = "Erik Low\'s"; 
     } 

    } 
    setInterval(function() { a(); }, 4000); 
</script><center> 
    <div style="background:white" id="r"> 

     <h1>Ancient Egypt</h1> 
     <h2>Achievements</h2> 
     <hr /> 
     <button onclick="a();">Pyramids</button><br /><br /> 
     <button onclick="ab();">The Sphinx</button><br /><br /> 
     <button onclick="aq();">Writing</button><br /><br /> 
     <button onclick="v();">Mummification</button><br /><br /> 
     <button onclick="di();">Valley Of The Kings</button><br /><br /> 
    </div> 
</center>

источник

2015-10-19 Asce

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

Что вы сделали, чтобы диагностировать его? Вы проверяли ошибки в консоли отладки? Вы установили точку останова и проследите через код? Вы добавили в свой код инструкции 'console.log()' для отслеживания того, что происходит? – jfriend00

-1

t переменная, функция v, точка с запятой отсутствует в вашем JS-коде.

Факс: Факс: Факс: Факс:

<!DOCTYPE html> 
    <html> 
    <head> 
    <style> #b1{ 
    background-image: url('http://images2.fanpop.com/image/photos/14600000/egypt-egyptian-history-14635051-430-287.jpg'); 
    background-repeat:no-repeat; 

    background-size:cover; 
    } 
    div { 
    width: 990px; 
    padding: 25px; 
    border: 2px solid navy; 
    margin: 25px; 
    } 




    </style> 
    </head> 
    <body id="b1"> 
    <script> 
    var b = 0; 
    var a = function() { 
    var q= "blah"; 
    document.getElementById('r').innerHTML = q; 
    }; 

    var g = function(){ 
    location.reload(); 
    }; 

    var v=function(){ 
     alert("function v calling"); 
    } 
    var ab=function(){ 
     var p = "blah"; 
     document.getElementById('r').innerHTML = p; 
     }; 
     var aq = function(){ 
     var an = "blah"; 
     var t="writing"; 
    document.getElementById('r').innerHTML = t; 
      }; 
      var di = function(){ 
       var pe = "<h1>Valley Of The Kings</h1><hr/><br/><img src=\"http://3.bp.blogspot.com/-YUOUb6HSFcg/UbjX528O3zI/AAAAAAAAFw4/BXgpfsGvHgw/s1600/t1.jpg\" width=\"700\"><br/><h2>What Is The Valley Of The Kings</h2><p>The Valley Of The Kings is a valley in which many pharaohs were burried.</p><br/><h2>Who Was Burried There</h2><br/><p>In the East Valley Of The Kings Ramesses VII,<br/> Ramesses IV, Ramesses XI, Ramesses IX, Ramesses II,<br/> Merenptah, Ramesses V, Ramesses VI, Amenmesse,<br/> Ramesses III, Ramesse Khamenteru, Amenherkhepshef,<br/> Mentuherkhepshef, Twosret, Setnakhte, Seti II, Ramesses I, Seti I, Ramesses X, Mentuherkhepshef,<br/> Thutmose I, Hatshepsut, Tia\'a, Thutmose III, Amenhotep II, Maiherpri,<br/> Amenhotep I, Hatshepsut-Meryetre, Thutmose IV, Userhet, Yuya,<br/> Tjuyu, Siptah, Amenemopet called Pairy, Akhenaten, Horemheb,<br/> Sitre In, and Tutankhamen were burried.<br/> In the West valley Ay, Akhenaten, and Amenhotep III were burried.</p><br/><br/><p>Sources</p>"; 
       document.getElementById('r').innerHTML = pe; 
       }; 
       var e=true; 
    var a = function() { 
    if (e===true){ 
    e=false; 
    document.getElementById('r').innerHTML = "Ancient Egypt"; 
    } 
    else{ 
    e=true; 
    document.getElementById('r').innerHTML = "Erik Low\'s"; 
    } 

    } 
    setInterval(function(){ a(); }, 4000); 
    </script><center> 
    <div style="background:white" id="r"> 

    <h1>Ancient Egypt</h1> 
    <h2>Achievements</h2> 
    <hr/> 
    <button onclick="a();">Pyramids</button><br/><br/> 
    <button onclick="ab();">The Sphinx</button><br/><br/> 
    <button onclick="aq();">Writing</button><br/><br/> 
    <button onclick="v();">Mummification</button><br/><br/> 
    <button onclick="di();">Valley Of The Kings</button><br/><br/> 
    </div> 
    </center> 

    </body> 
    </html>

источник

2015-10-19 04:53:00

Проводка плохо отформатированного кода не является [* хорошим ответом *] (http://stackoverflow.com/help/how-to-answer). – RobG

Спасибо, но я не понимаю, что вы сделали, чтобы заставить его работать. – Asce

t переменная, функция v, точка с запятой отсутствует в вашем JS-коде. –

вам не хватает;

var q= "blah";

Также

document.getElementById('a')

Это нуль, так что нет innerHTML в нуль. У вас нет тега html с id = 'a'

источник

2015-10-19 04:52:52 Alejandro

извините, что мне пришлось удалить большинство материалов по моему полному коду, но было – Asce

Я не могу найти, что не так с моим кодом

ответ

Смежные вопросы