Изменить цвет фона при нажатии кнопки jsp

Недавно я начал изучать веб-программирование и хочу реализовать приложение, которое меняет цвет фона. На моей странице 4 кнопки. Я кое-что сделал. Но это не работает. Я знаю, что могу использовать js. Но это будет неправильно. Помогите, пожалуйста.

<%@ page language = "java" contentType = "text/html; charset=ISO-8859-1"
    pageEncoding = "ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset = "ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

<form action = "apps" method = "POST">
        <input  type = "submit" name = "red" value  = "red" >



        <input  type = "submit" name = "blue" value  = "blue" >
        <input  type = "submit" name = "green" value  = "green" >
        <input  type = "submit" name = "yellow" value  = "yellow" >
        <input  type = "submit" name = "reset" value  = "reset" >
        </form>
<%
String button1Click = request.getParameter("red");
if (button1Click.equals("red")){
    <body style='background-color:#red;'>;
}

%>
</form>
</body>
</html>
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
2 533
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы должны закрыть тег java scriptlet перед вводом html и открыть его снова после ввода html.

%>
<body style='background-color: red;'>
<%

И вы можете удалить атрибут action из <form>, поскольку форма должна передаваться по тому же URL-адресу.

Я так и сделал, но у меня все равно ошибка при запуске. Это «Произошла ошибка в строке: [24] в файле jsp: [/apps.jsp] Синтаксическая ошибка, вставьте« super (); »для завершения BlockStatements»

Owl_Livi 01.11.2018 18:41

Попробуйте запустить мой код самостоятельно, пожалуйста.

Owl_Livi 01.11.2018 19:03

нет никакого способа, что этот код seems fine у него есть html и javascript внутри оператора java if!

Jonathan Laliberte 01.11.2018 19:11

вы не можете изменить html / css страницы с помощью java, если вы не используете javascript. Ваш скриптлет даже неправильно отформатирован. И даже если бы это было так, он создал бы два тега тела, что является недопустимым html.

Jonathan Laliberte 01.11.2018 19:14

@Owl_Livi попробуйте сейчас

Roshana Pitigala 02.11.2018 03:05

@Roshana_Pitigala, Ладно, меняет цвет, но не по нажатию кнопки.

Owl_Livi 02.11.2018 03:11

Не работает. Как должен выглядеть полный код?

Owl_Livi 02.11.2018 03:19

Остальная часть вашего кода в порядке. Вход type='submit' должен дать вам кнопку

Roshana Pitigala 02.11.2018 03:21

@owl_livi Очистите кеш браузера и повторите попытку.

Roshana Pitigala 02.11.2018 03:22

Это все не работает. Поэтому я решил спросить, как должен выглядеть полный код.

Owl_Livi 02.11.2018 03:24

Примите ответ на этот вопрос и задайте новый вопрос. :)

Roshana Pitigala 02.11.2018 03:26

Новый вопрос на сайте? Могу добавить сюда ответ. Можно будет понять, что я делаю не так?

Owl_Livi 02.11.2018 03:29

@owl_livi, если вы публикуете весь код, чтобы узнать, что пошло не так, опубликуйте его как новый вопрос. Не добавляйте ничего к этому, если не ответите на конкретный вопрос выше.

Roshana Pitigala 02.11.2018 03:45
Хорошо я сделал это
Owl_Livi 02.11.2018 03:53

Другие вопросы по теме