Ajuda com página simples de jsp/html/dom

Front-end
#1

Enunciado do exercicio:

Elabore um documento HTML que leia dois números inteiros, constituindo um intervalo inicial e final. Os
números do intervalo devem ser validados no clientee no servidor. A validação dos números no servidor
deve ser feita através de uma sub-rotina JSP. O documento HTML deve possuir um botão ?Calcular? que
requisite uma página JSP. Essa página deve receber os números digitados e calcular, através de uma subrotina JSP,
a soma de todos os números do intervalo. O valor da soma deve ser enviado ao navegador
cliente como resposta e inserido em uma caixa de texto na página atual (documento HTML que requisitou a
página JSP) do cliente através da tecnologia DOM.

minha dúvida e so o seguinte…

eu quero um método ou seila oque

para pegar o valor que o jsp retornou atráves de javascript/dom
para eu poder setar ele no text que pedio

obs: ate consegui mas o resultado não foi o esperado.

meus fontes

[code]

Insert title here 
<form name = "formulario" id = "formulario" method = "get">

	<label for = "inicio">inicio: </label>
	<input type = "text" name = "inicio" id = "inicio" />
	<br />
	<label for = "fim">fim: </label>
	<input type = "text" name = "fim" id = "fim" />
	<br />
	<input type = "button" value = "Calcular" onclick = "somatorio();"/>
	
	<br />
	<input type = "text" id = "soma"/>

</form>
[/code]

[code]<%@ page language=“java” contentType="text/html; charset=ISO-8859-1"
pageEncoding=“ISO-8859-1”%>

Insert title here 
<%
	
	int inicio = Integer.parseInt(request.getParameter("inicioo"));
	//int fim = Integer.parseInt(request.getParameter("fimm"));
	
	//int soma = inicio + fim;
	
	out.println(inicio);
	
	
	
%>
[/code]

[code]var req;

function somatorio() {

var inicio = document.getElementById("inicio");
//var fim = document.getElementById("fim");

var url = "Exercicio12.jsp?inicioo=" + escape(inicio.value); //+ "&fimm=" + escape(fim.value);

if (window.XMLHttpRequest) { // requisição assincrona
    req = new XMLHttpRequest();
}
else if (window.ActiveXObject) { 
         req = new ActiveXObject("Microsoft.XMLHTTP");
     }

req.open("GET", url, true); // true requisição assincrona, se false ela é sincrona.
req.onreadystatechange = callback; // quando pronto muda o estado
req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
req.send(null);

}

function callback() {
if (req.readyState == 4) {
if (req.status == 200) {
var soma = document.getElementById(“soma”);
soma.value = req.responseText;
}
else
alert("Status: " + req.statusText);
}
}

function clear() {
var chave = document.getElementById(“inicio”);
chave.value = “”;
}[/code]

retorno dele para o text

já tentei eliminar esse <!doctype etc… do arquivo jsp mas continuou do mesmo jeito.

#2

Obs: estou usando eclipse

#3

consegui fazendo gambiarra

não teria uma alternativa para isso não?

porque to criando o jsp fora do eclipse ai ele retorna somente o numero “22” (exemplo) não retorna doctype etc…

sou iniciante ainda…

#4