JavaScriptで摂氏⇆華氏に変換の表示

前提・実現したいこと

JavaScriptで摂氏⇆華氏に変換するコードを書いています。
変換した数字を画面に出したいのですが、出てきません。

追加　
HTMLのコードを追加しました。
setContentは留学先の学校でそれを使えと言われたので詳しくどのような関数か把握できませんでした。
しかし目的としては『摂氏から華氏』　『華氏から摂氏』のボタンを１つつづ作り、同じ場所に出力させたいということです。
コマンドや実行環境のことについては、初心者なのでわかりませんでした。

function temperatureOneClicked(fahrenheit){
	  let cel = prompt("What's degree in fahrenheit?")
    return (fahrenheit-32)*5/9;
		let output = "degrees" + fahrenheit +"is equal to " + cel + " degrees C.";
		setContent("fToCtempOutput",output);
}


function temperatureTwoClicked(celsius) {
	  let fah = prompt("What's degree in celsius?")
    return (celsius*9/5) + 32;
		let output = "degrees C is equal to " + " degrees F.";
		setContent("fToCtempOutput",output);

}

追加　HTMLのコード

		
		<h2>Part 3: Temperature Conversion</h2>
		<p id="fToCtempOutput">Output will go here</p>
		<button onclick="temperatureOneClicked()">F to C</button> <button onclick="temperatureTwoClicked()">F to C</button>

試したこと

return を　let name = (fahrenheit-32)*5/9; などと変えましたが、期待した結果は出ませんでした。

回答よろしくお願いいたします

m.ts10806

2020/01/23 06:40

コピペで現象確認できるコードをご提示ください。

maisumakun

2020/01/23 06:47

setContentはどのような関数なのでしょうか。

miyabi_pudding

2020/01/23 06:49 編集

画面って、何の画面ですか？ HTML（Webページ）なのであれば、HTMLも掲示してください。また、コマンド（Node.js）や、JSXなどなのかにもよって、やり方は違ってきますので、含めそのJSの実行環境も記載ください。（ブラウザもJSの実行環境の一つ）

行動規範の内容に同意します

回答2件

ベストアンサー

今勉強されているところかと思いますが、
基本的に関数の処理は、returnをした行で終了し、それ以降の処理は実行されません。
なので、下記のようにすることによって、下記のようにします。

javascript
1// setContent関数が、"同じ画面に表示する"処理をしているものとする
2
3function temperatureOneClicked(fahrenheit){
4  let cel = prompt("What's degree in fahrenheit?")
5  
6  let output = "degrees" + fahrenheit +"is equal to " + cel + " degrees C.";
7  setContent("fToCtempOutput",output);
8  
9  // returnはよほどのことが無い限り、最後にもってくる
10  // ただし、returnさせている値は、外でどこにも使ってないが（HTMLのonClickで実行しても、値を使うことはできない）、それはこちらの知るところではありませんので、何も変えません。
11  return (fahrenheit-32)*5/9;        
12}
13
14
15function temperatureTwoClicked(celsius) {
16  let fah = prompt("What's degree in celsius?")
17
18  let output = "degrees C is equal to " + " degrees F.";
19  setContent("fToCtempOutput",output);
20  
21  // temperatureOneClickedと同様
22  return (celsius*9/5) + 32;
23}

ただし、コメントに書いてあるとおり、returnさせた値は使用できる状態で実行していないようですが、そこは、冷たいようですが、ぶっちゃけこちらの知ったことではありません。
"同じ画面に表示"がどこのことを指すのか掲示していただかないことには、こちらもこれ以上回答しようがありません。
（コメントに書いている通り、setContent関数がその役割をしている可能性もあるので、なんとも言えません。）

投稿2020/01/23 07:26

miyabi_pudding

総合スコア9528