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