deleteできるようにする

@section('container')
<h1>
	<a href="{{ url('/posts/create') }}" class="header-menu">New Post</a>
	Blog Posts
</h1>
<ul>
	{{-- 
	@foreach ($posts as $post)
	<li><a href="">{{ $post->title }}</a></li>
	@endforeach
	--}}

	@forelse ($posts as $post)
	<li>
		<a href="{{ action('PostsController@show', $post) }}">{{ $post->title }}</a>
		<a href="{{ action('PostsController@edit', $post) }}" class="edit">[Edit]</a>
		<a href="#" class="del" data-id="{{ $post->id }}">[x]</a>
		<form method="post" action="{{ url('/post', $post->id) }}" id="form_{{ $post->id }}">
			{{ csrf_field() }}
			{{ method_field('delete') }}
		</form>
	</li>
	@empty
	<li>No posts yet</li>
	@endforelse
</ul>
<script src="/js/main.js"></script>
@endsection

jsはpublic/jsの中に記述する。

(function(){
‘use strict’;

var cmds = document.getElementsByClassName(‘del’);
var i;

for(i = 0; i < cmds.length; i++){ cmds[i].addEventListner('click', function(e){ e.preventDefault(); if(comfirm('are you sure?')){ document.getElementById('form_' + this.dataset.id).submit(); } }); } })(); [/javascript] routing [php] Route::get('/', 'PostsController@index'); // Route::get('/posts/{id}', 'PostsController@show'); Route::get('/posts/{post}', 'PostsController@show')->where(‘post’,'[0-9]’);
Route::get(‘/posts/create’, ‘PostsController@create’);
Route::post(‘/posts’, ‘PostsController@store’);
Route::get(‘/posts/{post}/edit’, ‘PostsController@edit’);
Route::patch(‘/posts/{post}’, ‘PostsController@update’);
Route::delete(‘/posts/{post}’, ‘PostsController@destroy’);
[/php]

controller

public function destroy(Post $post){
    	$post->delete();
    	return redirect('/');
    }

main.js
スペルを間違いまくってる。。

(function(){
‘use strict’;

var cmds = document.getElementsByClassName(‘del’);
var i;

for(i = 0; i < cmds.length; i++){ cmds[i].addEventListener('click', function(e){ e.preventDefault(); if(confirm('are you sure?')){ document.getElementById('form_' + this.dataset.id).submit(); } }); } })(); [/javascript]