Adicionada função que atualiza marcadores

MimMarcelo · MimMarcelo · commit 2c1abd0c850a · 2022-08-19T12:30:01.000-03:00
diff --git a/css/layout.css b/css/layout.css
@@ -94,4 +94,7 @@ section div{
 }
 .d-flex > *{
     width: 100%;
+}
+.livro-marcos > * {
+    cursor: pointer;
 }
diff --git a/index.html b/index.html
@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link rel="stylesheet" href="css/layout.css">
+    <script src="js/updateMark.js" defer></script>
     <script src="js/book.js" defer></script>
 </head>
 <body>
@@ -64,15 +65,15 @@ <h1>Books</h1>
                     </p>
                 </div>
                 <div class="livro-marcos">
-                    <div>
+                    <div onclick="updateMark(this)">
                         <span class="material-icons">
                             book
                         </span>
                         <span class="round">
                             12
                         </span>
                     </div>
-                    <div>
+                    <div onclick="updateMark(this)">
                         <span class="material-icons">
                             favorite
                         </span>
diff --git a/js/updateMark.js b/js/updateMark.js
@@ -0,0 +1,6 @@
+
+function updateMark(marcador){
+    let campo = marcador.querySelector(".round");
+    let valor = parseInt(campo.innerHTML);
+    campo.innerHTML = ++valor;
+}

Original file line number	Diff line number	Diff line change
`@@ -94,4 +94,7 @@ section div{`
`94`	`94`	`}`
`95`	`95`	`.d-flex > *{`
`96`	`96`	`width: 100%;`
	`97`	`+}`
	`98`	`+.livro-marcos > * {`
	`99`	`+ cursor: pointer;`
`97`	`100`	`}`