geir/startit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

litt react og funksjoner på slutten av dagen

Browse source
This commit is contained in:
Geir Okkenhaug Jerstad 2024-09-11 14:53:45 +02:00
parent d3f21427f0
commit 492f0ef432
1 changed files with 38 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
react_test/tutorial/index.html
View file

@ -1,22 +1,47 @@
<html> <html>
<body>
<div id="app"></div> <body>
<script src="https://unpkg.com/react@18/umd/react.development.js"></script> <div id="app"></div>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script> <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script type="text/jsx"> <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/jsx">
const domNode = document.getElementById('app'); const domNode = document.getElementById('app');
function Header() { function createTitle(title) {
return (<h1>Develop. Preview. Ship.</h1>) if (title) {
return title;
} else {
return 'Default title';
}
}
function Header({ title }) {
return <h1>{title ? title : 'Default Title'}</h1>;
} }
function HomePage() { function HomePage() {
return <div> const names = ['Ada Lovlace', 'Grace Hopper', 'Margaret Hamilton'];
<Header /> function handleClick(){
</div>; console.log("increment like count")
}
return( <div>
<Header title="Develop. Preview. Ship." />
<ul>
{names.map((name) => (
<li key={name}>{name}</li>
))}
</ul>
<button onClick={handleClick}>Like</button>
</div>
);
} }
const root = ReactDOM.createRoot(domNode); const root = ReactDOM.createRoot(domNode);
root.render(<HomePage />); root.render(<HomePage />);
</script> </script>
</body> </body>
</html> </html>