Commit 5b148e2f by Patryk Czarnik

Kalkulator - styl

parent 6cfa7e9e
......@@ -17,19 +17,27 @@ public class Kalkulator extends HttpServlet {
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
out.println("<!DOCTYPE html>");
out.println("<html><body>");
out.println("<h1>Kalkulator</h1>");
out.println("""
<!DOCTYPE html>
<html>
<head>
<title>Kalkulator</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<h1>Kalkulator serwletowy</h1>
""");
out.println("""
<form>
<input name="liczba1" type="text">
<input name="liczba1" type="number">
<select name="operacja">
<option value='+'>+</option>
<option value='-'>-</option>
<option value='*'>*</option>
<option value='/'>/</option>
</select>
<input name="liczba2" type="text">
<input name="liczba2" type="number">
<br/>
<button>Oblicz</button>
</form>
......@@ -43,9 +51,9 @@ public class Kalkulator extends HttpServlet {
long liczba1 = Long.parseLong(arg1);
long liczba2 = Long.parseLong(arg2);
long wynik = oblicz(liczba1, liczba2, operacja);
out.print("<div>Wynik: " + wynik + "</div>");
out.printf("<div class='wynik'>%d %s %d = <strong>%d</strong></div>",
liczba1, operacja, liczba2, wynik);
}
out.println("</body></html>");
}
......
body {
background-color: #FFFFEE;
}
form {
border: 4px outset blue;
background-color: #DDEEFF;
margin: 1em auto;
padding: 1em;
width: 600px;
}
.wynik {
border: 4px outset green;
background-color: #AAFFBB;
margin: 1em auto;
padding: 1em;
width: 600px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment