AndrewTrieu/fullstack-open
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upload 1.9

Browse Source
This commit is contained in:
AndrewTrieu
2023-03-13 16:10:01 +02:00
parent d8bee7878a
commit e0b005e2a1
1 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
part1/unicafe/src/App.js
View File

@@ -1,21 +1,25 @@
import { useState } from "react";
const Statistics = (props) => {
return (
<div>
<p>good {props.good}</p>
<p>neutral {props.neutral}</p>
<p>bad {props.bad}</p>
<p> all {props.good + props.neutral + props.bad}</p>
<p>
average{" "}
{(props.good - props.bad) / (props.good + props.neutral + props.bad)}
</p>
<p>
positive {(props.good / (props.good + props.neutral + props.bad)) * 100}{" "}
%
</p>
</div>
);
if (props.good + props.neutral + props.bad === 0) {
return <p>No feedback given</p>;
} else {
return (
<div>
<p>good {props.good}</p>
<p>neutral {props.neutral}</p>
<p>bad {props.bad}</p>
<p> all {props.good + props.neutral + props.bad}</p>
<p>
average{" "}
{(props.good - props.bad) / (props.good + props.neutral + props.bad)}
</p>
<p>
positive{" "}
{(props.good / (props.good + props.neutral + props.bad)) * 100} %
</p>
</div>
);
}
};
const App = () => {
// save clicks of each button to its own state