質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Atom(言語)

Atomはハードウェア記述言語で、集積回路を設計するためのコンピュータ言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

1回答

642閲覧

指定されたHTML 税込計算

AOJSI

総合スコア0

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Atom(言語)

Atomはハードウェア記述言語で、集積回路を設計するためのコンピュータ言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2021/07/21 13:00

編集2021/07/21 14:27

初心者のためこのような無礼な文になってしまったことを心よりお詫び申し上げます。
一応、指定されたHTMLにATOM等で自作したものを埋め込む(?)。
そして表示から結果が出るというフローになっています。(説明が下手くそで申し訳ございません。)
結果としてほしいのは、自由な単価を入力し、計算結果のボタンをクリックすると10%課税された結果が表示欄に出てくるという内容です。
ご教授お願いいたします。
指定されているHTMLのコード↓
単価を入力し,「税込み価格計算」ボタンをクリックすると,単価に10%の消費税が加算された「税込み価格(10%)」が表示されるようなプログラムを記述しなさい.整数の数値以外の入力については考えないものとする.
結果が小数となる場合には四捨五入した結果を表示すること.
(ヒント:ユーザの入力値の取得には「.value」を使用する.例えば,getElementById等で取得した入力フォームのオブジェクトXXの値をプログラム内で読み込む場合はXX.valueと記述する.)

</p> <p class="q-body"> 単価:<input id="q4input" type="text" size="4"></input> <br> <button id="q4button">税込み価格計算</button><br> 税込み価格(10%):<span id="q4output"></span> </p> </div>

今、自作したコードがこちらになります。

ar saori=document.getElementById(q4output);
var satou=""
function btnClickQ(){
var P =document.getElementById(q4Pbutton);

var tax = 1.1;
return price + price * tax;
output.textContent=satou;
}
}
やはり、この自作したコードでは起動しませんでした。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

dodox86

2021/07/21 13:10

なぜ、こうも無邪気に丸投げられるのか。
dodox86

2021/07/21 13:17

JavaではなくてJavaScriptでは? (知らんけど)
AOJSI

2021/07/21 14:25

返信ありがとうございます。 初心者のためこのような無礼な文になってしまったことを心よりお詫び申し上げます。 一応、指定されたHTMLにATOM等で自作したものを埋め込む(?)。 そして表示から結果が出るというフローになっています。(説明が下手くそで申し訳ございません。) 結果としてほしいのは、自由な単価を入力し、計算結果のボタンをクリックすると10%課税された結果が表示欄に出てくるという内容です。 ご教授お願いいたします。 指定されているHTMLのコード↓ 単価を入力し,「税込み価格計算」ボタンをクリックすると,単価に10%の消費税が加算された「税込み価格(10%)」が表示されるようなプログラムを記述しなさい.整数の数値以外の入力については考えないものとする. 結果が小数となる場合には四捨五入した結果を表示すること. (ヒント:ユーザの入力値の取得には「.value」を使用する.例えば,getElementById等で取得した入力フォームのオブジェクトXXの値をプログラム内で読み込む場合はXX.valueと記述する.) </p> <p class="q-body"> 単価:<input id="q4input" type="text" size="4"></input> <br> <button id="q4button">税込み価格計算</button><br> 税込み価格(10%):<span id="q4output"></span> </p> </div> 今、自作したコードがこちらになります。 ar saori=document.getElementById(`q4output`); var satou="" function btnClickQ(){ var P =document.getElementById(`q4Pbutton`); var tax = 1.1; return price + price * tax; output.textContent=satou; } } やはり、この自作したコードでは起動しませんでした。
BeatStar

2021/07/21 14:27 編集

まず、基礎からやりましょう。 JavaScriptとJavaは別物です。 メロンとメロンパンぐらい違います。
BeatStar

2021/07/21 14:29

それと、編集ができるので編集しましょう。 コードは"<code>"または"<コード>"のボタンを押して出てくるやつの中に書きましょう。
BeatStar

2021/07/21 14:30

さらにデバッグぐらいはしましょう
AOJSI

2021/07/21 14:35

ご返信ありがとうございます。 BeatStar様の仰る通りだと私も理解しております。 しかしながら、3日掛けても解くことが出来ずこのような質問をさせていただきました。
guest

回答1

0

問題点

document.getElementByIdの引数にダブルクオーテーション(引用符)が足りない
ソースコードの中に「}」が余分にある
変数「output」が定義されていない
「return price + price * tax;」のあとに「output.textContent = satou;」がある。returnのあとのソースコードは無視される
「return price + price * tax;」では、税率が110%になってしまう
「return price + price * tax;」で値を返す意味がない(返り値を利用していない)
変数「satou」の内容は常に空であり、「output.textContent = satou;」を実行しても何も変化しない
×「q4Pbutton」○「q4button」
「var P = document.getElementById("q4button");」を実行する意味がない。(変数「P」は一回も使用されない
関数「btnClickQ()」は実行されていない
変数「price」は定義されていない
変数「P」は使用されていない
「q4input」を取得していない

「取りあえず動く」程度まで改善したコード

html

1<p class="q-body"> 2 単価:<input id="q4input" type="text" size="4"></input> 3 <br> 4 <button id="q4button" onclick="btnClickQ()">税込み価格計算</button><br> 税込み価格(10%): 5 <span id="q4output"></span> 6</p> 7</div>

javascript

1 var output = document.getElementById("q4output"); 2 var input = document.getElementById("q4input"); 3 var satou = ""; 4 5 function btnClickQ() { 6 var P = document.getElementById("q4button"); 7 8 var tax = 1.1; 9 satou = input.value * tax; 10 output.textContent = Math.round(satou); 11 }

改善すればより良いかも?

「var satou = "";」で、変数「satou」を空の文字列にする必要はない。変数宣言だけで良い。
「var tax = 1.1;」で、変数「tax」を関数内ではなく、関数の外側で宣言するべき(軽量化のため)
変数「P」を宣言しない
変数「satou」を関数内で宣言する
「単価」の<input>タグのtype属性をnumberにすることで数字以外の入力を規制
「input」タグに閉じタグはいらない

ここまでのことをすべて踏まえて改善したコード

html

1<p class="q-body"> 2 <label>単価:<input id="q4input" type="number" size="4"></label> 3 <button id="q4button" onclick="btnClickQ()">税込み価格計算</button> 4 <p> 税込み価格(10%): <span id="q4output"></span></p> 5</p>

javascript

1 var output = document.getElementById("q4output"); 2 var input = document.getElementById("q4input"); 3 var tax = 10; //%指定 4 5 function btnClickQ() { 6 var PriceInTax = input.value * (1 + (tax / 100)); 7 output.textContent = Math.round(PriceInTax); 8 }

最初のコードの面影がありませんね笑
長くなってしまい、すみません。
私もまだまだですが、貴方も諦めずに頑張ってください!!

投稿2021/11/11 13:32

編集2021/11/11 13:34
Onigiri-San

総合スコア11

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問