Vilken App eller hur hade du löst detta

Nu vet jag inte under vilken kategori jag skall skapa denna fråga, kanske är det fel kategori ber om ursäkt då....

Har ett enklare kalkyl ark som hjälper mig att visa på vinsten att köra elbil under vissa förutsättningar.
Nu är jag i behov att dela det via en moln tjänst el dylikt
men den som skall öppna kalkylen har ingen dator utan använder bara mobil och besitter knapphändiga kunskaper, tvivlar på om kunskapen att redigera ett kalkylark finns, utan vägledning.

Vad rekommenderar ni mig att göra, har funderat lite på att skapa en webbsida liknande detta
dvs där det då framgår ganska klart och tydligt vad man skall göra. Bara fylla i aktuella värden ...
.. och en slutsumma blir presenterad

Vad kan jag använda för att skapa dokumentet i som med all säkerhet kommer att fungera utan att mottagaren måste installera eller göra något med sin mobil eller platta?

 

Enklaste lösningen är onedrive och Excel, kräver visserligen att användaren installerar Excel, annars är ju en webbsidan med javascript för uträkning väldigt enkel och kräver inget specifikt annat än internet (om den inte körs lokalt vilket jag tvivlar på funkar i en mobil).

Den sidan du länkar gör uträkningen i en bakgrundsprocess på en server och är därför lite mer krävande, här är ett exempel på en webbsida som inte använder någon sådan bakgrundsprocess, du kan se hela källkoden här, den är inte så värst svårt att modifiera för att göra specifika beräkningar.

Det enda du då behöver är en webbadress och en sida där koden kan publiceras, det finns gratis tjänster för sådant (det kanske blir reklam på sidan då) om du inte redan har tillgång till en webbserver, se denna länk för ett par exempel.

 

Det vore kul med lite återkoppling och höra hur du löser problemet.

 

Tack för svar och att du länkade tips, med hjälp av den länk du la in så håller jag nu på att försöka få till en webb baserad kalkyl, sakta men säkert går det framåt, har lyckats med att det räknar ut två inskrivna tal (bränslepris och förbrukning) vilket går bra om bilen skulle dra jämt heltal dvs inte 1,2 eller 0,6 så det är nästa problem att lösa.
googlade mig fram till denna sida som hjälpt mig en del

 

Du kanske använder parseInt, den avläser endast heltalet, du ska istället använda parseFloat för decimaltal men tänk på att parseFloat använder punkt istället för komma för decimalerna (komma används som tusentalsavdelare) så de tecknen ska bytas ut för att fungera med komma för decimalerna.

 

Suveränt Tack
Kan du kanske se vad som saknas för att det skall avrundas till två decimaler.
Som det är nu så får jag femton decimaler

Kod:

 <form oninput="x.value=parseFloat(a.value)*parseFloat(b.value)">
<label for="a">Bränslepris:</label>
  <input type="number" id="a"  value="24"><br />
<label for="b">Vad drar er bil i dag:</label>
  *<input type="number" id="b" value="25"><br />
<label for="x">Bränsle kostnad per år:</label>
  =<output name="x" for="a b"></output>
</form>

Har även letat efter hur jag får * tecknet att dolt i webbsidan

Kod:

*<input type="number

 

toFixed(2) ger två decimaler.

Kod:

 <form oninput="x.value=(parseFloat(a.value)*parseFloat(b.value)).toFixed(2)">

* och = behövs inte för funktionen så det räcker med denna kod:

Kod:

 <form oninput="x.value=(parseFloat(a.value)*parseFloat(b.value)).toFixed(2)">
<label for="a">Bränslepris:</label>
  <input type="number" id="a"  value="24"><br />
<label for="b">Vad drar er bil i dag:</label>
  <input type="number" id="b" value="25"><br />
<label for="x">Bränsle kostnad per år:</label>
  <output name="x" for="a b"></output>

 

För att få alla ifyllnads bara fälten i en rät linje är det någon form av "align" jag ska använda då?


Så att de började vid sträcket

 

Det är enklast att göra en tabell!

Kod:

<table>
<tr>
<td>
Första kolumnen, första raden
</td>
<td>
Andra kolumnen, första raden
</td>
</tr>
<tr>
<td>
Första kolumnen, andra raden
</td>
<td>
Andra kolumnen, andra raden
</td>
</tr>
</table>

 

Efter lite micklande och läsande/googlande så fick jag sedan till resterande av första delen av kalkylen men med lite små estetiska detaljer.

• La in en "rubrik" ovanför tabellen, och försöker att få den att centrera mellan första och andra kolumn

• Försöker få till en tusentals avgränsare i svaret (output)

Vad är det för kod jag bör använda för respektive?

 

Rubriken kan du lägga in enkelt så här i tabellen!

Kod:

<table>
<tr>
<th colspan="2">
Rubrik
</th>
</tr>
//Resten av raderna i tabellen
</table>

colspan talar om hur många kolumner rubriken ska täcka, <th> gör att den blir fetstil och centrerad.

För att fixa en korrekt formatering av tal så bör du använda regex-uttryck.
Först och främst vill du nog kunna använda komma-tecken när du skriver in talet, det kan du göra så här (jag har tagit din gamla kod ovan och modifierat så du behöver säkerligen justera för de ändringar som du gjort).

Kod:

<form oninput="x.value=(parseFloat(a.value.replace(',','.'))*parseFloat(b.value.replace(',','.'))).toFixed(2)">

För att dessutom formatera svaret så kan du göra så här:

Kod:

<form oninput="x.value=(parseFloat(a.value.replace(',','.'))*parseFloat(b.value.replace(',','.'))).toFixed(2).toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ' ').replace(/[.]/,',')">

 

Ville bara titta in och tacka dig Heleg för all hjälp, de sista koderna vart jättebra. Arbetet fortskrider men nu lite långsammare då arbete har börjat igen och fritiden därmed har minskat
Är nästan klar med första delen har en samman räkning kvar som jag skall lägga in antar att jag kan använda samma grund som du hjälpte mig med ovan.

 

Fick lite tid innan jag skulle fara till jobbet men får inte till sista uträkningen, enligt bilden ovan så döpte jag strängarna till A B C D E samt X och la även till Y=total kostnad
där output räknar
X = A*B*E
och
Y=C+D+X
antar att jag kan använda samma sträng du hjälpte mig med fast givetvis redigerad efter förhållanden dvs

Kod:

<form oninput="y.value=(parseFloat(c.value.replace(',','.'))+parseFloat(d.value.replace(',','.'))+parseFloat(x.value.replace(',','.'))).toFixed(2).toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ' ').replace(/[.]/,',')">

men får den inte att fungera, handlar det om att jag inte kan ha två likvärdiga strängar utan måste "slå ihop dem" till en sträng

 

Ursäkta sent svar, det verkar vara rätt!

 

Lyckas inte riktigt med koden, då jag har får allt att fungera som tänkt förutom att jag
inte får med x värdet i uträkningen

Kod:

 y=c+d+x

Html koden ser ut så är

Kod:

<form oninput="x.value=(parseFloat(a.value.replace(',','.'))*parseFloat(b.value.replace(',','.'))*parseFloat(e.value.replace(',','.'))).toFixed(2).toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ' ').replace(/[.]/,',');y.value=(parseFloat(c.value.replace(',','.'))+parseFloat(d.value.replace(',','.'))+parseFloat(x.value.replace(',','.'))).toFixed(2).toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ' ').replace(/[.]/,',')">

 

Jag har försökt att hitta felet men utan komplett kod är det svårt.

Jag har testat lite med att komplettera koden på jsfiddle.net, där kan du själv testa din kod och se vad som händer, kopiera in hela din kod i övre vänstra rutan och klicka sedan på Run så provkör du din kod, du kan även spara koden på jsfiddle och dela med dig av länken som skapas så kan andra testa (du kan byta ut texterna om du vill vara lite hemlig med vad uträkningen handlar om).

 

Här är länk till koden
fundering jag fått själv, har ju två uträkningar i samma kod:
x=a*b*e samt
y=c+d+x
x är ju ursprungligen en output post inte input, spelar det någon roll

 

Det verkar vara som du säger att i och med att x är en output så fungerar det inte (jag har inte jobbat med den variant som du använder tidigare, jag har jobbat med funktioner i script) så jag bytte ut den delen där x används för fortsatt beräkning till samma uträkning en gång till, se nedan.

Kod:

<form oninput="x.value=(parseFloat(a.value.replace(',','.'))*parseFloat(b.value.replace(',','.'))*parseFloat(e.value.replace(',','.'))).toFixed(2).toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ' ').replace(/[.]/,',');y.value=(parseFloat(c.value.replace(',','.'))+parseFloat(d.value.replace(',','.'))+parseFloat(parseFloat(a.value.replace(',','.'))*parseFloat(b.value.replace(',','.'))*parseFloat(e.value.replace(',','.')))).toFixed(2).toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ' ').replace(/[.]/,',')">

 

Suveränt tack
fungerade perfekt, och gjorde att jag kunde fortsätta, håller nu på med "slut samman räkning"
en jämförelse mellan i det här fallet en fosilbil och en elbil.
Förhoppningsvis löser jag det

 

har kämpat för att få till slutsummeringarna men inte lyckats, men då sidan var "färdig" för övrigt så tänkte jag publicera den, då jag hade en sida sedan tidigare på wordpress så tänkte jag fortsätta där.
Men med problemet att jag inte lyckas få wordpress att spara den skrivna koden, utan får den kapad, delvis delitad, trots flera försök att kopiera in koden på nytt, även korta rader, för att sedan spara.

sidan blir efter varje försök så här:
Lill Eriks Elbils kalkyl

Är inte wordpress inte kompatibel med kalkyl uträkningar i html eller vad kan vara problemet?