devlim commited on
Commit
8b4c121
1 Parent(s): e76e7d3

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +5 -3
templates/index.html CHANGED
@@ -83,7 +83,7 @@
83
  <h1>성분분석표</h1>
84
  <video id="video" autoplay></video>
85
  <button id="snap">사진 찍기</button>
86
- <canvas id="canvas" style="display: none;"></canvas>
87
  <p id="analysisResult" class="result"></p>
88
  </div>
89
 
@@ -93,7 +93,7 @@
93
  const snap = document.getElementById('snap');
94
  const context = canvas.getContext('2d');
95
  const analysisResult = document.getElementById('analysisResult');
96
-
97
  navigator.mediaDevices.getUserMedia({ video: true })
98
  .then(stream => {
99
  video.srcObject = stream;
@@ -108,6 +108,7 @@
108
  const sugarContent = parseInt(match[0], 10);
109
  let message = '';
110
  let className = '';
 
111
  if (sugarContent >= 0 && sugarContent <= 20) {
112
  message = 'good';
113
  className = 'good';
@@ -118,7 +119,8 @@
118
  message = 'dangerous';
119
  className = 'dangerous';
120
  }
121
- analysisResult.textContent = `${message} (${sugarContent}g)`;
 
122
  analysisResult.className = className;
123
  } else {
124
  analysisResult.textContent = 'Error: Could not analyze image.';
 
83
  <h1>성분분석표</h1>
84
  <video id="video" autoplay></video>
85
  <button id="snap">사진 찍기</button>
86
+ <canvas id="canvas"></canvas>
87
  <p id="analysisResult" class="result"></p>
88
  </div>
89
 
 
93
  const snap = document.getElementById('snap');
94
  const context = canvas.getContext('2d');
95
  const analysisResult = document.getElementById('analysisResult');
96
+
97
  navigator.mediaDevices.getUserMedia({ video: true })
98
  .then(stream => {
99
  video.srcObject = stream;
 
108
  const sugarContent = parseInt(match[0], 10);
109
  let message = '';
110
  let className = '';
111
+
112
  if (sugarContent >= 0 && sugarContent <= 20) {
113
  message = 'good';
114
  className = 'good';
 
119
  message = 'dangerous';
120
  className = 'dangerous';
121
  }
122
+
123
+ analysisResult.textContent = message;
124
  analysisResult.className = className;
125
  } else {
126
  analysisResult.textContent = 'Error: Could not analyze image.';