Page 67 - MDP2020-2
P. 67
················································································ 명장양성프로젝트 【MDP】 과제발표회 자료집 Ⅱ | 61
-index2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>스마트 어쩌구</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style2.css') }}">
<!--style2.css 적용-->
</head>
<body>
<div class="container">
<div class="header">
<h1>회로 1반 공동 현관문 실내</h1>
</div>
<div class = "main">
<div id ="show"> </div>
<div id="result"> </div>
<div class="top">
<b class="b1">
<!-- 통화연결 버튼 삽입-->
<button onclick="call()">
<img
src="https://media.discordapp.net/attachments/445122692962844
694/770600879463858186/phone-call.png?width=410&height=4
10" alt="btnImages" class="btnImages"
width="120" height="120">
통화 연결
</button>
</b>
<div class="b2">
<!-- 통화끊기 버튼 삽입-->
<button onclick="hangup()">
<img
src="https://media.discordapp.net/attachments/4451226929628446
94/770600842814029824/phone-call_1.png?width=410&height=4
10" alt="btnImages" class="btnImages"
width="120" height="120">
통화 끊기
</button>
</div>
<b class="b3">
<!-- 문열기 버튼 삽입-->
<button onclick="door()">
<img
src="https://media.discordapp.net/attachments/445122692962844
694/770601379936993280/open-padlock.png?width=410&height
=410" alt="btnImages" class="btnImages"
width="120" height="120">
문 열기
</button>
</b>
</div>
</div>
</div>
<script>
function call(){ //통화연결
fetch("/house/led/on")
.then(response=> { console.log(response); return response.text()})
.then(data=> {
console.log(data);
