JavaScript ou prototype não funciona

Front-end

29/12/2013

boa tarde amigos, estava acompanhando uma video aula de javascript juntamente com o prototype, mas aparentemente nada funcionou, alguem poderia me ajudar.

obrigado


<!DOCTYPE html>
<html>
<head>
	<title>Prototype - JavaScript Framework</title>
	
	<script type="prototype.js"></script>
	
	<script type="text/javascript">		
		
		function test1()
		{
			var d = $('myDiv');
			alert(d.innerHTML);
		}
		
		function test2()
		{
			var divs = $('myDiv','myOtherDiv');
			
			for(i=0; i<div.length;i++)
			{
				alert(div[i].innerHTML);
			}
		}
		
	</script>
	
</head>	
<body>

	<div id="myDiv">
		<p>This text is a paragraph.</p>
	</div>
	
	<div id="myOtherDiv">
		<p>My other paragraph.</p>
	</div>
	
	<input type="button" value="Call test1()" onclick="test1();"><br>	
	<input type="button" value="Call test2()" onclick="test2();">
		
</body>
	
</html>
Marcelo Pastore

Marcelo Pastore

Curtidas 0

Respostas

Eduardo Pessoa

Eduardo Pessoa

29/12/2013

Marcelo, vc errou em poucas coisas, 


<!DOCTYPE html>
<html>
<head>
    <title>Prototype - JavaScript Framework</title>
     
    <script src="prototype.js"></script>
     
    <script type="text/javascript">       
         
        function test1()
        {
            var d = $('myDiv');
            alert(d.innerHTML);
        }
         
        function test2()
        {
            var divs = $('myDiv','myOtherDiv');
             
            for(i=0; i<divs.length;i++)
            {
                alert(divs[i].innerHTML);
            }
        }
         
    </script>
     
</head>   
<body>
 
    <div id="myDiv">
        <p>This text is a paragraph.</p>
    </div>
     
    <div id="myOtherDiv">
        <p>My other paragraph.</p>
    </div>
     
    <input type="button" value="Call test1()" onclick="test1();"><br>   
    <input type="button" value="Call test2()" onclick="test2();">
         
</body>
     
</html>


onde vc errou


//faltou o src
<script src="prototype.js"></script>

//faltou o s da div, seria divs
function test2()
        {
            var divs = $('myDiv','myOtherDiv');
             
            for(i=0; i<divs.length;i++)
            {
                alert(divs[i].innerHTML);
            }
        }
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

29/12/2013

que vacilo, muito obrigado Eduardo, era exatamente isso.
GOSTEI 0
Eduardo Pessoa

Eduardo Pessoa

29/12/2013

esses foram os erros que encontrei.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

29/12/2013

esses foram os erros que encontrei.


pois foram exatamente esses que não permitia que a pagina funcionasse como era de se esperar, hehehe.

obrigado
GOSTEI 0
Eduardo Pessoa

Eduardo Pessoa

29/12/2013

otimo, de nada!!!
GOSTEI 0
Claudio Aguiar

Claudio Aguiar

29/12/2013

otimo post, problema e solução.
GOSTEI 0
POSTAR