Ny på javascript men håller på med en app för fiske.

Permalänk

Ny på javascript men håller på med en app för fiske.

Som rubriken lyder håller jag på att bygga en app för fiske i skåne, mer en guide.
Söker feedback!

Fiske i Skåne - Github

OBS! tänk på att öppna via mobilen för de är optimalast

Visa signatur

-"Robots are the future".

Marknadsreferenser:
https://www.sweclockers.com/forum/trad/1079311/sok?searchid=f...

Permalänk
Medlem

https://getbootstrap.com/docs/5.1/getting-started/introductio...

Ett tips, använd Bootstrap.
Då kan du få en responsiv hemsida (som ser bra ut på både mobil och dator) utan att behöva göra särskilt mycket.

Finns massvis med guider "to get started"

Visa signatur

10700K | NVIDIA RTX 3080

Permalänk
Skrivet av kwame:

https://getbootstrap.com/docs/5.1/getting-started/introductio...

Ett tips, använd Bootstrap.
Då kan du få en responsiv hemsida (som ser bra ut på både mobil och dator) utan att behöva göra särskilt mycket.

Finns massvis med guider "to get started"

Tack men min plan är att bara göra de som en applikation:)

Visa signatur

-"Robots are the future".

Marknadsreferenser:
https://www.sweclockers.com/forum/trad/1079311/sok?searchid=f...

Permalänk
Medlem

Kul! Vad för slags feedback söker du?

Om jag vore du skulle jag fundera lite på vad syftet med sidan är och vad det finns för mål med nån som kommer in på den. Sen kan man då testa hur enkelt det är att uppfylla de målen, antingen genom att låtsas vara en besökare, eller ännu hellre be någon att testa att göra visa saker. Som en första grej kan du skapa ett par låtsasanvändare som har några specifika mål, typ:

Person: Jag är en tjej i Helsingborg utan tidigare erfarenhet av fiske. Jag vill testa på, men kanske inte committa.
Scenario 1: Vad för utrustning bör jag skaffa?
Scenario 2: Var ska jag använda min nyköpta utrustning för att fånga min första fisk?

Och sen testa sidan som om du vore hon, och se hur hon skulle använda din sida för att hitta informationen. Har du hjälp av en bekant kan hen rollspela som användaren, och samtidigt berätta vad som verkar enkelt och vad som är svårt med att använda sidan. Den informationen kan du sen använda för att förbättra layout, sidlänkar, osv. Sen kan det vara så att det egentliga målet med sidan är att driva trafik till din FB-affär - hur ska man då göra det på bästa sätt, och vilken typ av besökare ska du rikta in dig på då?

Permalänk
Medlem

Ja kul grej, är också nyfiken på vad du vill ha synpunkter på. Spontant så känns designen inte så enhetlig, men den biten är ett WIP antar jag?

Permalänk

Mer feedback från andra perspektiv:) är de lätt att navigera? Ska jag göra de lättare att hitta saker? Förstår man att de är till fiske? Förstår en nybörjare att de är för fiske/bra med info? Etc

Har aldrig gjort något liknande innan, höll på med hederlig HTML 2003-2008 men nu gått på html5 css3 o lite Javascript.
Kommer använda json för att hämta data och reacht för kodningen och sen packa ner den till en apk.
Samt göra någon form av loading screen så den kan ladda allt plus köra en form så alla CSS filer osv trycks ihop till 1 fil osv

Sen har jag ett problem jag fastnat på, de är min slider kalkylator, där man drar i slider så räknar den ut en formel automatisk men vill att man även ska kunna skriva förhand i input boxarna med och den ska kalkylera samt flytta sliders efter value i input boxarna

Visa signatur

-"Robots are the future".

Marknadsreferenser:
https://www.sweclockers.com/forum/trad/1079311/sok?searchid=f...

Permalänk
Medlem
Skrivet av Powerjimmy:

Sen har jag ett problem jag fastnat på, de är min slider kalkylator, där man drar i slider så räknar den ut en formel automatisk men vill att man även ska kunna skriva förhand i input boxarna med och den ska kalkylera samt flytta sliders efter value i input boxarna

Ok, så lite mer UX-perspektiv? Jag kan ge lite synpunkter från en användare:

  • Du bör fundera på hur man möts på sidan, just nu så möts man av ett widget för temperaturer i Skåne. Jag kan tycka det är lite charmigt, särskilt med texten "alltid fint väder för fiske!", men sånt här bör snarare ligga längre ner. Fundera istället på en s.k. hero image med något fiskemotiv eller en logga för sidan.

  • Dina snabblänkar känns mer som en lista med nyheter/bloggposts, tänk istället mer bilder och vad en som är ny på fiske skulle vilja se direkt.

  • Jahnkesfiske känns mer som ett nyhetsflöde, men man vet inte riktigt vem det är heller eftersom namnet inte förekommer någonstans innan på sidan.

Skrivet av Powerjimmy:

Sen har jag ett problem jag fastnat på, de är min slider kalkylator, där man drar i slider så räknar den ut en formel automatisk men vill att man även ska kunna skriva förhand i input boxarna med och den ska kalkylera samt flytta sliders efter value i input boxarna

Posta gärna koden här så kan vi kolla på den!

Permalänk
Medlem

Själva baren längst ner hamnade alltid under chromes egna bar så kunde inte få fram den.

Visa signatur

CPU: Ryzen 5600xGPU: 1080 TI ROG Strix RAM:2x16GB G.skill Trident @ 3600MHz MoBo: Asus B550FPSU: Corsair SF750
En resa till Nordkorea
2 dagar i Tjernobyl

Permalänk
Skrivet av Pelegrino:

Själva baren längst ner hamnade alltid under chromes egna bar så kunde inte få fram den.

Öppnade du den i mobilen eller datorn?

Visa signatur

-"Robots are the future".

Marknadsreferenser:
https://www.sweclockers.com/forum/trad/1079311/sok?searchid=f...

Permalänk
Skrivet av Kgel:

Ok, så lite mer UX-perspektiv? Jag kan ge lite synpunkter från en användare:

  • Du bör fundera på hur man möts på sidan, just nu så möts man av ett widget för temperaturer i Skåne. Jag kan tycka det är lite charmigt, särskilt med texten "alltid fint väder för fiske!", men sånt här bör snarare ligga längre ner. Fundera istället på en s.k. hero image med något fiskemotiv eller en logga för sidan.

  • Dina snabblänkar känns mer som en lista med nyheter/bloggposts, tänk istället mer bilder och vad en som är ny på fiske skulle vilja se direkt.

  • Jahnkesfiske känns mer som ett nyhetsflöde, men man vet inte riktigt vem det är heller eftersom namnet inte förekommer någonstans innan på sidan.

Posta gärna koden här så kan vi kolla på den!

Ska kolla på de! För väder är ett bra perspektiv när man ska fiska

Kan infoga HTML och Javascript senare ikv

Visa signatur

-"Robots are the future".

Marknadsreferenser:
https://www.sweclockers.com/forum/trad/1079311/sok?searchid=f...

Permalänk
Medlem
Skrivet av Powerjimmy:

Öppnade du den i mobilen eller datorn?

Mobilen, chrome har ingen bar nere på en dator

Visa signatur

CPU: Ryzen 5600xGPU: 1080 TI ROG Strix RAM:2x16GB G.skill Trident @ 3600MHz MoBo: Asus B550FPSU: Corsair SF750
En resa till Nordkorea
2 dagar i Tjernobyl

Permalänk

@Kgel

var slider = document.getElementById("fulton"); var output = document.getElementById("längd"); var inputbox = document.getElementById("värdelängd"); var slider1 = document.getElementById("fulton1"); var output1 = document.getElementById("vikt"); var inputbox1 = document.getElementById("värdevikt"); output.addEventListener = slider.value; slider.oninput = function(){ inputbox.value = this.value; } output1.addEventListener = slider1.value; slider1.oninput = function(){ inputbox1.value = this.value; } function calc () { var längd = parseInt(slider.value); var vikt = parseInt(slider1.value); // var a = 1.34283423423423; // output1.value = math.round(a); if (längd>0&vikt>0); document.getElementById("värde").value=(vikt*100)/(längd*längd*längd); } document.getElementById('fulton').onchange = function() { // console.log("Hej1"); calc(); }; document.getElementById('fulton1').onchange = function() { //console.log("Hej11"); calc(); }; console.log(slider); slider.värde = function() { inputbox.value=this.value; calc(); } slider1.värde = function() { inputbox.value=this.value; calc(); } // HTML start// <table class="fulton"> <td> <input type="range" min="0" max="120" value="0" id="fulton" class="slider"> <p>Längd(cm):<span id="längd"></span> <input type="number" id="värdelängd" class="input-längd" value="0"></p> <!-- Value = längd --> <br> <input type="range" min="0" max="15000" value="0" id="fulton1" class="slider1"> <p>Vikt(gram):<span id="vikt"></span> <input type="number" id="värdevikt" class="input-vikt" value="0"></p> <!-- Value = vikt --> <p>Fultonvärde:<span id="Fultonvärde" class="Fultonvärde"></span></p> <input type="text" id="värde"> </td> </table>

Visa signatur

-"Robots are the future".

Marknadsreferenser:
https://www.sweclockers.com/forum/trad/1079311/sok?searchid=f...

Permalänk
Medlem

Hej, formattera gärna med [code] [/ code] (utan mellanslag innan sista code) så blir det lättare att läsa! Beskriv också vad det är som händer när du kör koden och vad som förväntas hända. Finns slidern på sidan?

Permalänk
Skrivet av Kgel:

Hej, formattera gärna med [code] [/ code] (utan mellanslag innan sista code) så blir det lättare att läsa! Beskriv också vad det är som händer när du kör koden och vad som förväntas hända. Finns slidern på sidan?

Sliders finns och dem fungerar som dem ska. De jag vill är att man ska kunna skriva in längd o vikt manuellt i input med och så flyttar sliders automatiskt till rätt value.

Visa signatur

-"Robots are the future".

Marknadsreferenser:
https://www.sweclockers.com/forum/trad/1079311/sok?searchid=f...

Permalänk
Medlem

Skulle rekommendera att använda const och let istället för var samt querySelector istället för getElementById 🙂

Permalänk
Skrivet av ChrisDev:

Skulle rekommendera att använda const och let istället för var samt querySelector istället för getElementById 🙂

Som sagt e ny på javasc började pilla med de för 1 1/2v sedan

Visa signatur

-"Robots are the future".

Marknadsreferenser:
https://www.sweclockers.com/forum/trad/1079311/sok?searchid=f...