質問：HTMLで受け取った数値をpythonで計算して返したいです。

Question

前提・実現したいこと

HTML上で数値を受けとって、計算した結果を出したいのですが、計算がうまくいきません。
何か方法はありますか？

発生している問題・エラーメッセージ

unsupported operand type(s) for +: 'NoneType' and 'NoneType'

該当のソースコード

def hello_get_query(request):
    iti = request.GET.get('wan')
    ni = request.GET.get('tu')

    san = iti + ni


    d = {
        'yon': san,
        
    }
    return render(request, 'blog/get_query.html', d)

{% extends "blog/base.html" %}

{% block content %}
    <form action="" method="get">
        <label>数値１:<input type="number" name="wan"></label>
        <label>数値２:<input type="number" name="tu"></label>
        <input type="submit" value="送信">
        
    </form>
  
  
       {{ yon }}です。
       
  
{% endblock %}

試したこと

{% extends "blog/base.html" %}

{% block content %}
    <form action="" method="get">
        <label>数値１:<input type="number"  name="wan"></label>
        <label>数値２:<input type="number"  name="tu"></label>
        <input type="submit" value="送信">
        
    </form>
  
  
        {{ iti }}
        {{ ni }}
       
  
{% endblock %}

def hello_get_query(request):
    iti = request.GET.get('wan')
    ni = request.GET.get('tu')


    d = {
        'iti': iti,
        'ni':ni

    }
    return render(request, 'blog/get_query.html', d)

この場合は変数に1 3 と入力するとそのまま1 3 と出てきます。

それぞれの変数にintやstrをつけたりもしました。

本当はただ計算するだけでなくて、2つの数値から人にあった食べ物を表示する予定です！

Comments

[azuapricot]

wan tu で笑ってしまったのですが one two のほうがよいのでは....

[azuapricot]

ちなみにiti と ni を出力した結果はどうなっていますか？
きちんと数字を受け取れていますか？

[yupple]

可愛いと思ったのでそうしてました（笑）
そうですね。質問するときは訂正しておいたほうがいいですね。ありがとうございます！

[azuapricot]

あとaction=""　となっていますがpythonの関数にちゃんと送信後返ってきていますか？

[yupple]

iti とni を出力することはできます！

[azuapricot]

質問文に出力結果を追記して頂けますか？

[azuapricot]

出力してほしいのはpython 中の iti と ni の値で、
その後の san = iti + ni の san の値も出力してみてほしいです。

同じように検証してみましたが私の環境では問題なく実行できちゃいました

[azuapricot]

(個人名でちゃってるので隠した方がいいかもしれません）

[yupple]

そうですね、ありがとうございます。初の投稿で色々教えてもらって助かりました！自分でやってたら奇跡的になぜかうまくいったので、今までと違うところが何か考えてみたいと思います！
またよろしくお願いします。

[yupple]

フィールドに入力していない場合にエラーが出ることが分かりました！次はそれをどうにかしたいので、新しく質問をしたのでもしお時間の方、都合がよろしければご教授いただけると嬉しいです。

Answer 1

{% extends "blog/base.html" %}

{% block content %}
    <form action="" method="get">
        <label>数値１:<input type="number"  name="wan"></label>
        <label>数値２:<input type="number"  name="tu"></label>
        <input type="submit" value="送信">
        
    </form>
  
  
        {{ yon }}
     
       
  
{% endblock %}

def hello_get_query(request):
    iti = int(request.GET.get('wan'))
    ni = int(request.GET.get('tu'))
    san = iti + ni

    d = {
        'yon': san,
        

    }
    return render(request, 'blog/get_query.html', d)

できました！！
今までもintに入れたりしてはいたのですが、突然できました。
どうしてかな？もっと勉強したいです。