Skip to content

J
javab_20230928
Commit 5b148e2f by Patryk Czarnik
Options

Kalkulator - styl

parent 6cfa7e9e
Showing with 35 additions and 7 deletions
PC24-Serwlety/src/main/java/podstawy/Kalkulator.java
...@@ -17,19 +17,27 @@ public class Kalkulator extends HttpServlet { ...@@ -17,19 +17,27 @@ public class Kalkulator extends HttpServlet {
response.setContentType("text/html"); response.setContentType("text/html");
response.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter(); PrintWriter out = response.getWriter();
out.println("<!DOCTYPE html>"); out.println("""
out.println("<html><body>"); <!DOCTYPE html>
out.println("<h1>Kalkulator</h1>"); <html>
<head>
<title>Kalkulator</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<h1>Kalkulator serwletowy</h1>
""");
out.println(""" out.println("""
<form> <form>
<input name="liczba1" type="text"> <input name="liczba1" type="number">
<select name="operacja"> <select name="operacja">
<option value='+'>+</option> <option value='+'>+</option>
<option value='-'>-</option> <option value='-'>-</option>
<option value='*'>*</option> <option value='*'>*</option>
<option value='/'>/</option> <option value='/'>/</option>
</select> </select>
<input name="liczba2" type="text"> <input name="liczba2" type="number">
<br/> <br/>
<button>Oblicz</button> <button>Oblicz</button>
</form> </form>
...@@ -43,9 +51,9 @@ public class Kalkulator extends HttpServlet { ...@@ -43,9 +51,9 @@ public class Kalkulator extends HttpServlet {
long liczba1 = Long.parseLong(arg1); long liczba1 = Long.parseLong(arg1);
long liczba2 = Long.parseLong(arg2); long liczba2 = Long.parseLong(arg2);
long wynik = oblicz(liczba1, liczba2, operacja); 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>"); out.println("</body></html>");
} }
......
PC24-Serwlety/src/main/webapp/styl.css 0 → 100644
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