Home Laravel 9 Laravel Tutorial: How to Add Numbers Easily Laravel 10

Laravel Tutorial: How to Add Numbers Easily Laravel 10

5 min read
0
0
450

In this tutorials will teach How to add two numbers in Laravel 10.

First you have to create the new project in laravel using following command

composer create-project laravel/laravel addnumber-app

after create the project open the project into the vscode editor by typing the following command on the command prompt

code .

First Step Create the View. go to the resource folder inside the resource there is a view folder inside the view folder create the file which name is addnumber.blade.php

addnumber.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <title>Document</title>
</head>
<body>
<div class ="container">
<form method="POST" action="{{ route('cal.add') }}">
    @csrf <!-- Add this line to include the CSRF token -->
  
  <h2>Add Two Numbers</h2>
  <div class="form-group">
    <label >Number 1</label>
    <input type="text" class="form-control"  placeholder="Enter Num 1" name="num1">
  
  </div>
  <div class="form-group">
    <label >Number 2</label>
    <input type="text" class="form-control"  placeholder="Enter Num 2" name="num2">
  
  </div>
  <br/>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

</div>

    
</body>
</html>

same folder create the another page result.blade.php

result.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <title>Document</title>
</head>
<body>


<div class="container">
        <h1>Result</h1>
        <b>Total: {{ $tot }}</b>
    </div>

<div>


</body>
</html>

After that create the controller CalController

CalController

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;

class CalController extends Controller
{

    public function add(Request $request)
    {

        $number1 = $request['num1'];
        $number2 = $request['num2'];
        $tot = $number1 + $number2;

     
        return view('result', ['tot' => $tot]);
    }
}

Routes

implement the routes

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\CalController;


Route::get('/', function () {
    return view('addnumber');
});


Route::post('/add', [CalController::class, 'add'])->name('cal.add');

i have attached the video link below. which will do this tutorials step by step.

Load More Related Articles
Load More By admin
Load More In Laravel 9

Leave a Reply

Your email address will not be published. Required fields are marked *

Check Also

Point of Sales (POS) System Documentation

this tutorial we will discuss about how to make the point of sales system step by step. …