Мои скрипты с javascript вообще не работают

Я писал своего рода механизм публикации блога с помощью javascript, но мой код не работает! Я прошу вас, пожалуйста, скажи мне, что случилось с этим кодом (я бразильский, поэтому комментарии в португальском, но вы можете их игнорировать:Мои скрипты с javascript вообще не работают

<!DOCTYPE html> 
<html> 
<head> 
<style> 
    .new { 
     background-color: #DDDDDD; 
      margin-top: 15px; 
      margin-left: 30px; 
      margin-right: 30px; 
      display: none; 
      width:600px; 
      height:600px; 
    } 

    #entries{ 
     width:500px; 
     height:500px; 
     background-color:blue; 
    } 



    .newtwo{ 
     background-color: #DDDDDD; 
     margin-top:15px; 
     margin-left: 30px; 
     margin-right:30px; 
    } 

    .inputs{ 
     padding-bottom: 30px; 
     width : 500px; 
     height:200px; 
     overflow:scroll; 
    } 

    button{ 
     width:150px; 
     height:100px; 
     background-color:#3333CC; 
     font-family:Impact; 
     font-size: 25px; 
     color: white; 
     border-radius:15px; 
     margin-left:30px; 
     padding-top:15px; 
    } 

    </style> 
    <script type="text/javascript"> 
    //crie o objeto Inserir, responsável pelo conteúdo inserido 
    function Inserir (title, text, date) { 
     //texto principal 
     this.text = text; 
     //data de publicacao 
     this.date = date; 
     //título da publicação 
     this.title = title; 
    } 

    var date = new Date(); 
    var dateFormat = date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear(); 

    //cria o objeto insert 
    var insert = new Inserir(document.getElementById("title").value, document.getElementById("body").value, new Date("13/10/2015")); 

    document.getElementById("publish").onclick = function(){ 
     var entryText = document.createElement("p"); 
     //gere o texto formatado 
     entryText.appendChild(document.createTextNode(document.getElementById("title").value)); 
     document.getElementById("entries").appendChild(entryText); 
    } 

</script> 

</head> 
<body> 
<div id = "insert" class="new"> 
<form> 
    <input type= "text" id="title" class="inputs" placeholder="Put title here"><br /> 
    <input type = "text" id="body" size="100" class="inputs" placeholder="write the main text here"><br /> 

</form> 
</div> 
<button id="add" onclick="document.getElementById('insert').style.display='block';">Add new entry</button> 
<button id="publish" onclick="createEntry();"> Publish! </button> 
<div id="entries"></div> 
</body> 
</html>

источник

2015-10-13 Eduardo Serra

Ваш DOM не готов в этот момент Там также нет 'функции createEntry' – MinusFour

Создан JSFiddle, где все части отделенные:.. http://jsfiddle.net/hgzd4b78/ И вот один где это все один файл: http://jsfiddle.net/q8sac8rn/ – CBredlow

Просьба описать подробно. «Мой код не работает!» не так полезен, как сообщение об ошибке, o r описание того, что происходит. См. Http://stackoverflow.com/help/mcve. – Prune

Try поставить весь сценарий в window.onload событии, как это :

window.addEventListener('load', function() { 
    //Your javascript code goes here 
}, false);

источник

2015-10-13 17:57:27 jeerbl

Мои скрипты с javascript вообще не работают

ответ

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