Desktop and Web Programming

Daffodil International University Faculty of Science & Information Technology Department of Software Engineering Midterm Examination, Fall 2026 Course Code: SE 235; Course Title: Desktop and Web Programming Sections & Teachers: 44 { A,B,C(AK), D,E(TT), F,G( PS), H,I(ZNM), J(AHR)} Marks: 25 Time: 1 Hour 30 Mins Answer ALL Questions [The figures in the right margin indicate the full marks and corresponding course outcomes. All portions of each question must be answered sequentially.] 1. a) The Data Science Club is organizing Data Summit 2027 and wants to develop an online registration system. Add a webpage that fulfills the following requirements: (5 Marks, CLO-01, Level-02) • Add a registration form with name, email and phone fields using suitable input types, placeholders and mandatory validation. • Use fieldset and legend to separately group personal details (name, email, phone) and registration choices (participant type, interests, session). • Include radio buttons for participant type, checkboxes for areas of interest and a dropdown menu for session selection. • Add a summit banner image, and a promotional video with playback controls. • Include a registration submit button and a reset button. 1. b) Now the club wants to improve the appearance of the Data Summit 2027 registration webpage. Express the following styling requirements using CSS code. (5 Marks) • Set the webpage background color to light blue and the default font to Arial. • Style all fieldset elements with a solid blue border, 10px padding and 15px margin. • Style the submit button with a green background, white text and rounded corners. • Change the submit button's background color to green when the mouse pointer hovers over it. • Style all input fields with 8px padding, a 1px solid gray border, and a width of 250px 2. The Data Science Club is adding a dynamic announcement section to the Data Summit 2027 webpage. The page contains the following HTML: (CLO-2, Level-4) <h1 id="heading">Welcome to Data Summit 2027</h1> <p class="description">Join the Data Science Club </p> <button id="changeTextButton">Show Latest Update</button> <div class="container"> <h2 class="title">Event Highlights</h2> <p>Keynote talks by industry experts</p> <h2 class="title">Session Schedule</h2> <p>Workshops run from 10:00 AM to 4:00 PM.</p> <a href="https://datasummit2027.com">Visit Summit Website</a> </div> a) Explain the difference between an HTTP GET request and an HTTP POST request. (4 Marks) b) Clarify what the DOM is and describe how EventListener() allows the Data Summit 2027 page to update itself when a participant clicks the "Show Latest Update" button without reloading the page. (5 Marks) c) Translate the following requirements into JavaScript code. When the "Show Latest Update" button is clicked, the first heading should change to "Data Summit 2027 Registration Open!". The second heading should change to "Updated Session Schedule" and the link's href should change to https://datasummit2027.com/register. (6 Marks)