Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Skapa temperatur konverterare i Javascript.

1
Skriv svar
Permalänk
Medlem
●

Skapa temperatur konverterare i Javascript.

Hej!
Ska skapa ett javascript som konverterar Celsius till Fahrenheit och tvärtom med hjälp av 6 funktioner. Funktionerna för Celsius till Fahrenheit är multiplicera, dividera och addera. Därefter funktionerna för Fahrenheit till Celsius ska vara subtrahera, dividera och multiplicera.

Gjorde tidigare följande script som inte godkändes av vår lärare utan gav ovanstående kriterier.

<!DOCTYPE html>
<html>
<body>

<h1>Gradkonvertering!</h1>

<p>Skriv ett nummer i ett av fälten nedan:</p>

<p><input id="c" onkeyup="convert('C')"> grader Celsius</p>

<p><input id="f" onkeyup="convert('F')"> grader Fahrenheit</p>

<script>
function convert(degree) {
var x;
if (degree == "C") {
x = document.getElementById("c").value * 9 / 5 + 32;
document.getElementById("f").value = Math.round(x);
} else {
x = (document.getElementById("f").value -32) * 5 / 9;
document.getElementById("c").value = Math.round(x);
}
}
</script>

</body>
</html>

Denna blev alltså ej godkänd

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av LeWeelse:

Hej!
Ska skapa ett javascript som konverterar Celsius till Fahrenheit och tvärtom med hjälp av 6 funktioner. Funktionerna för Celsius till Fahrenheit är multiplicera, dividera och addera. Därefter funktionerna för Fahrenheit till Celsius ska vara subtrahera, dividera och multiplicera.

Gjorde tidigare följande script som inte godkändes av vår lärare utan gav ovanstående kriterier.

<!DOCTYPE html>
<html>
<body>

<h1>Gradkonvertering!</h1>

<p>Skriv ett nummer i ett av fälten nedan:</p>

<p><input id="c" onkeyup="convert('C')"> grader Celsius</p>

<p><input id="f" onkeyup="convert('F')"> grader Fahrenheit</p>

<script>
function convert(degree) {
var x;
if (degree == "C") {
x = document.getElementById("c").value * 9 / 5 + 32;
document.getElementById("f").value = Math.round(x);
} else {
x = (document.getElementById("f").value -32) * 5 / 9;
document.getElementById("c").value = Math.round(x);
}
}
</script>

</body>
</html>

Denna blev alltså ej godkänd

Gå till inlägget

Vad är det som inte blev godkänt? Du har gett oss en bit kod och sen att det inte blev godkänt pga några kriterier, vad exakt är det som inte blev rätt enligt din lärare? "Det här är inte godkänt, gör om gör rätt" är ju inte direkt ett bra svar, något mer måste du ha fått att gå på?

Vilka är dem 6 funktionerna som ska användas?

Visa signatur

NZXT H510 Flow MSI B450 Tomahawk MAX
 AMD Ryzen 5800X3D RX 7900XTX Kingston Fury 64GB

Redigera
Citera flera Citera
Permalänk
Medlem
●

@Pamudas:
Skriptet skall ha sex funktioner: CToF som tar emot en siffra som skall konverteras från Celsius till Fahrenheit genom att anropa funktionerna add(), Div() och Mul() och sedan returnera svaret. FToC skall göra samma sak men använda funktionerna Sub() Div() och Mul(). Add(). Sedan returnera resultatet från dess beräkning.

Denna beskrivning gav läraren. Men då jag är helt ny på javascript så får jag inte riktigt till något av detta.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av LeWeelse:

@Pamudas:
Skriptet skall ha sex funktioner: CToF som tar emot en siffra som skall konverteras från Celsius till Fahrenheit genom att anropa funktionerna add(), Div() och Mul() och sedan returnera svaret. FToC skall göra samma sak men använda funktionerna Sub() Div() och Mul(). Add(). Sedan returnera resultatet från dess beräkning.

Denna beskrivning gav läraren. Men då jag är helt ny på javascript så får jag inte riktigt till något av detta.

Gå till inlägget

En funktion kan du skapa, det ser jag i den kod som du gav ovan.
Skapa en funktion vid namn Add, Div, Mul och Sub, dessa ska ta parametrarna för a och b.

Typ såhär:

function Add(a, b)
addera a med b
returnera nya värdet.

Gör samma sak med Division, Multilplikation osv osv.

CToF ska omvandla det värde du matar in och returnera nya värdet i Farenheit, FToC ska göra om det till celsius istället.

Visa signatur

NZXT H510 Flow MSI B450 Tomahawk MAX
 AMD Ryzen 5800X3D RX 7900XTX Kingston Fury 64GB

Redigera
Citera flera Citera
Permalänk
Medlem
●

@Pamudas:
Tack för hjälpen.

Detta blev resultatet efter lite pysslande:

<html>
<head>
<script>
function FToC(f) {
     var res = Sub(f, 32);
     res = Mul(res, 5);
     res = Div(res, 9);
     return res;
}

function CToF(c) {
     var res = Mul(c, 9);
     res = Div(res, 5);
     res = Add(res, 32);
     return res;
}

function Add(a, b) {
    return a + b;
}

function Sub(a, b) {
    return a - b;
}

function Div(a, b) {
    return a / b;
}

function Mul(a, b) {
    return a * b;
}
</script>
</head>
<body>
<input type="text" id="c" onkeyup="f.value=CToF(this.value)"> Grader Celcius<br>

<input type="text" id="f" onkeyup="c.value=FToC(this.value)"> Grader Fahrenheit
</body>
</html>
Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av LeWeelse:

@Pamudas:
Tack för hjälpen.

Detta blev resultatet efter lite pysslande:

<html>
<head>
<script>
function FToC(f) {
var res = Sub(f, 32);
res = Mul(res, 5);
res = Div(res, 9);
return res;
}

function CToF(c) {
var res = Mul(c, 9);
res = Div(res, 5);
res = Add(res, 32);
return res;
}

function Add(a, b) {
return a + b;
}

function Sub(a, b) {
return a - b;
}

function Div(a, b) {
return a / b;
}

function Mul(a, b) {
return a * b;
}
</script>
</head>
<body>
<input type="text" id="c" onkeyup="f.value=CToF(this.value)"> Grader Celcius<br>

<input type="text" id="f" onkeyup="c.value=FToC(this.value)"> Grader Fahrenheit
</body>
</html>

Gå till inlägget

Siddu

Använd gärna [code] [/code] taggarna när du klistrar in kod här i forumet, då behåller du formateringen och diverse indenteringar m.m.

Visa signatur

NZXT H510 Flow MSI B450 Tomahawk MAX
 AMD Ryzen 5800X3D RX 7900XTX Kingston Fury 64GB

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara