Skip to content

Instantly share code, notes, and snippets.

@asathoor

asathoor/guldsmed.js

Last active April 21, 2017 11:20
Show Gist options
  • Save asathoor/42d75a1469db0b5e88682c7b1994d172 to your computer and use it in GitHub Desktop.
Save asathoor/42d75a1469db0b5e88682c7b1994d172 to your computer and use it in GitHub Desktop.
Download ZIP
javascript-repetition
Raw
guldsmed.js
// egenskaber
var isbutik = {
adresse: "Paradisgade 121",
tlf: "12345678",
antalIspinde: 345,
};
isbutik.isMand = "Palle From";
isbutik.aaben = "09:00 - 23:30";
isbutik.harViAabenNu = true;
isbutik.champagneBrus = 54;
isbutik.champagneBrusSolgt = 19;
// tjek om det virker
console.log( isbutik.champagneBrus );
// metoder
// i praktisk JavaScript = funktioner ...
function hvorMangeChBrusHarVi( hvorMange ) {
isbutik.champagneBrus = isbutik.champagneBrus - hvorMange;
isbutik.champagneBrusSolgt = isbutik.champagneBrusSolgt + hvorMange;;
console.log( isbutik.champagneBrus + " is tilbage" );
console.log( "Der er solgt " + isbutik.champagneBrusSolgt );
if ( isbutik.champagneBrus <= 15 ) {
console.log( 'Vi mangler flere is, vi har kun ' + isbutik.champagneBrus + ".");
}
// vis en egenskab i markup
// ændret af en metode
var elName = document.getElementById('hotelName'); // Get element
elName.textContent = "Antal solgte is er: " + isbutik.champagneBrusSolgt;
}
// eksekver funktionen
hvorMangeChBrusHarVi(43);
Raw
html.html
<!DOCTYPE html>
<html>
<head>
<title>Guldsmed</title>
<!-- link rel="stylesheet" href="css/c03.css" / -->
</head>
<body>
<h1>TravelWorthy</h1>
<div id="info">
<h2>hotel facilities</h2>
<div id="hotelName"></div>
<div>
<p id="pool">Pool</p>
<p id="gym">Gym</p>
</div>
</div>
<script src="js/guldsmed.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment